:root{--bg-base: #ffffff;--bg-surface: #ffffff;--bg-sidebar: #f7f8fa;--border: #e5e7eb;--text-primary: #1a1d23;--text-secondary: #6b7280;--text-muted: #9ca3af;--cyan: #00bcd4;--magenta: #d1228f;--lime: #5a9e11;--orange: #e06014;--accent-primary: #00bcd4;--btn-gradient: linear-gradient(135deg, #0ea5e9, #6366f1);--btn-text: #ffffff;--shadow-card: 0 1px 3px rgba(0,0,0,.08);--shadow-hover: 0 4px 12px rgba(0,0,0,.1);--shadow-modal: 0 24px 64px rgba(0,0,0,.18);--nav-active-bg: rgba(0,188,212,.1);--nav-active-text: #00bcd4;--nav-hover-bg: #f3f4f6;--chip-bg: #f3f4f6;--chip-active-bg: #00bcd4;--chip-active-border: #00bcd4;--chip-active-text: #ffffff;--tag-bg: #f3f4f6;--status-pending-bg: rgba(245,158,11,.12);--status-pending-text: #d97706;--status-processing-bg: rgba(245,158,11,.15);--status-processing-text: #b45309;--status-done-bg: rgba(16,185,129,.15);--status-done-text: #059669;--status-error-bg: rgba(239,68,68,.12);--status-error-text: #dc2626;--accent-cyan-bg: rgba(0,188,212,.12);--accent-lime-bg: rgba(90,158,17,.12);--accent-magenta-bg: rgba(209,34,143,.12);--accent-orange-bg: rgba(224,96,20,.12);--accent-muted-bg: #f3f4f6;--card-hover-border: rgba(0,188,212,.45);--overlay-bg: rgba(255,255,255,.92);--drag-border: rgba(0,188,212,.5);--error-banner-bg: #fff7ed;--error-banner-border: rgba(224,96,20,.25)}[data-theme=dark]{--bg-base: #0e0f11;--bg-surface: #161820;--bg-sidebar: #111318;--border: #1e2028;--text-primary: #f0f2f8;--text-secondary: #c8cdd8;--text-muted: #8892a4;--cyan: #00e5ff;--magenta: #e8209a;--lime: #a3e635;--orange: #ff6b2b;--accent-primary: #00e5ff;--btn-gradient: linear-gradient(135deg, #00e5ff, #e8209a);--btn-text: #0a0b0d;--shadow-card: none;--shadow-hover: none;--shadow-modal: 0 24px 64px rgba(0,0,0,.6);--nav-active-bg: rgba(255,255,255,.05);--nav-active-text: #f0f2f8;--nav-hover-bg: rgba(255,255,255,.04);--chip-bg: #161820;--chip-active-bg: rgba(0,229,255,.1);--chip-active-border: rgba(0,229,255,.4);--chip-active-text: #00e5ff;--tag-bg: rgba(255,255,255,.05);--status-pending-bg: rgba(74,79,94,.25);--status-pending-text: #8892a4;--status-processing-bg: rgba(0,229,255,.1);--status-processing-text: #00e5ff;--status-done-bg: rgba(163,230,53,.1);--status-done-text: #a3e635;--status-error-bg: rgba(255,107,43,.1);--status-error-text: #ff6b2b;--accent-cyan-bg: rgba(0,229,255,.1);--accent-lime-bg: rgba(163,230,53,.1);--accent-magenta-bg: rgba(232,32,154,.1);--accent-orange-bg: rgba(255,107,43,.1);--accent-muted-bg: rgba(136,146,164,.1);--card-hover-border: rgba(0,229,255,.28);--overlay-bg: rgba(14,15,17,.88);--drag-border: rgba(0,229,255,.5);--error-banner-bg: rgba(255,107,43,.1);--error-banner-border: rgba(255,107,43,.25)}*,*:before,*:after{box-sizing:border-box;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--bg-base);color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{scrollbar-width:thin;scrollbar-color:var(--border) transparent}*::-webkit-scrollbar{width:4px;height:4px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.c9-nav-item{transition:background .1s;border-radius:6px}.c9-nav-item:hover{background:var(--nav-hover-bg)}.settings-page{--danger: #dc2626;--danger-deep: #b91c1c;--danger-tint: #fef2f2;--danger-border: #fecaca;--danger-text: #7f1d1d;display:flex;min-height:100vh;font-family:Inter,sans-serif;background:var(--bg-base);color:var(--text-primary)}[data-theme=dark] .settings-page{--danger: #f87171;--danger-deep: #fca5a5;--danger-tint: rgba(239, 68, 68, .08);--danger-border: rgba(239, 68, 68, .25);--danger-text: #fca5a5}.sp-sidebar{width:200px;flex-shrink:0;background:var(--bg-sidebar);border-right:1px solid var(--border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow:hidden}.sp-back{display:flex;align-items:center;gap:6px;padding:18px 18px 0;font-size:12px;color:var(--text-secondary);text-decoration:none;cursor:pointer;background:none;border:none;font-family:Inter,sans-serif;transition:color .15s}.sp-back:hover{color:var(--text-primary)}.sp-back svg{flex-shrink:0}.sp-wordmark{display:flex;align-items:baseline;gap:2px;padding:14px 18px 4px;line-height:1;-webkit-user-select:none;user-select:none}.sp-wordmark-c{font-size:18px;font-weight:600;letter-spacing:-.04em;color:var(--text-primary)}.sp-wordmark-9{font-family:"Instrument Serif",serif;font-style:italic;font-size:22px;font-weight:400;color:var(--cyan);letter-spacing:-.02em;transform:translateY(2px);display:inline-block}.sp-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);padding:16px 18px 6px}.sp-nav{display:flex;flex-direction:column;gap:2px;padding:0 10px;flex:1}.sp-nav-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:7px;font-size:13px;font-weight:500;color:var(--text-secondary);cursor:pointer;border:none;background:transparent;font-family:Inter,sans-serif;width:100%;text-align:left;transition:background .12s,color .12s}.sp-nav-item:hover{background:var(--nav-hover-bg);color:var(--text-primary)}.sp-nav-item.active{background:var(--nav-active-bg);color:var(--nav-active-text)}.sp-nav-item.danger{color:var(--danger)}.sp-nav-item.danger:hover{background:var(--danger-tint)}.sp-nav-item.danger.active{background:var(--danger-tint);color:var(--danger)}.sp-footer{padding:14px 16px;border-top:1px solid var(--border);display:flex;align-items:center;gap:10px}.sp-avatar{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#00bcd4,#6366f1);flex-shrink:0}.sp-footer-info{overflow:hidden}.sp-footer-email{font-size:11px;color:var(--text-secondary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sp-main{flex:1;padding:48px 56px;max-width:680px}.sp-section-title{font-size:20px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);margin:0 0 6px}.sp-section-sub{font-size:13px;color:var(--text-secondary);margin:0 0 28px}.sp-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:16px}.sp-row{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:1px solid var(--border)}.sp-row:last-child{border-bottom:none}.sp-row-label{font-size:12px;font-weight:500;color:var(--text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.05em}.sp-row-value{font-size:14px;color:var(--text-primary);font-weight:500}.sp-input-group{display:flex;flex-direction:column;gap:10px;padding:16px 18px}.sp-input-label{font-size:12px;font-weight:500;color:var(--text-secondary);margin-bottom:4px;display:block}.sp-input{width:100%;padding:9px 12px;background:var(--bg-base);border:1px solid var(--border);border-radius:7px;font-size:13px;color:var(--text-primary);font-family:Inter,sans-serif;outline:none;box-sizing:border-box;transition:border-color .15s}.sp-input:focus{border-color:var(--cyan)}.sp-input-field{display:flex;flex-direction:column}.sp-row-actions{display:flex;justify-content:flex-end;padding:12px 18px;border-top:1px solid var(--border)}.sp-btn{padding:8px 16px;border-radius:7px;font-size:13px;font-weight:600;cursor:pointer;border:none;font-family:Inter,sans-serif;transition:opacity .15s}.sp-btn:disabled{opacity:.45;cursor:not-allowed}.sp-btn-primary{background:var(--cyan);color:#fff}[data-theme=dark] .sp-btn-primary{color:#0a0b0d}.sp-btn-primary:hover:not(:disabled){opacity:.85}.sp-btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--border)}.sp-btn-outline:hover{background:var(--nav-hover-bg)}.sp-btn-danger{background:var(--danger);color:#fff}.sp-btn-danger:hover:not(:disabled){opacity:.85}.sp-storage-bar-track{height:6px;background:var(--chip-bg);border-radius:3px;overflow:hidden;margin:6px 0}.sp-storage-bar-fill{height:100%;width:23%;background:linear-gradient(90deg,#00bcd4,#6366f1);border-radius:3px}.sp-usage-nums{font-size:12px;color:var(--text-muted);margin-top:4px}.sp-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border)}.sp-stat{background:var(--bg-surface);padding:16px 18px}.sp-stat-val{font-size:26px;font-weight:700;letter-spacing:-.03em;color:var(--text-primary);line-height:1}.sp-stat-label{font-size:12px;color:var(--text-secondary);margin-top:4px}.sp-plan-card{display:flex;align-items:center;justify-content:space-between;padding:14px 18px}.sp-plan-badge{display:inline-flex;align-items:center;padding:3px 9px;background:var(--accent-cyan-bg);color:var(--cyan);border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.04em;margin-left:8px}.sp-danger-card{background:var(--danger-tint);border:1px solid var(--danger-border);border-radius:10px;padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.sp-danger-title{font-size:14px;font-weight:600;color:var(--danger);margin:0 0 4px}.sp-danger-desc{font-size:12px;color:var(--danger-text);margin:0}.sp-feedback{font-size:13px;margin-top:8px;padding:8px 12px;border-radius:6px}.sp-feedback.success{background:var(--status-done-bg);color:var(--status-done-text)}.sp-feedback.error{background:var(--status-error-bg);color:var(--status-error-text)}.sp-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:200}.sp-modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:12px;padding:28px;width:400px;max-width:92vw;box-shadow:var(--shadow-modal)}.sp-modal-title{font-size:17px;font-weight:700;color:var(--danger);margin:0 0 8px}.sp-modal-body{font-size:13px;color:var(--text-secondary);margin:0 0 18px;line-height:1.6}.sp-modal-confirm-label{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:6px;display:block}.sp-modal-input{width:100%;padding:9px 12px;border:1px solid var(--danger-border);border-radius:7px;font-size:13px;font-family:Inter,sans-serif;outline:none;box-sizing:border-box;margin-bottom:16px;background:var(--danger-tint);color:var(--text-primary)}.sp-modal-input:focus{border-color:var(--danger)}.sp-modal-actions{display:flex;gap:8px;justify-content:flex-end}.sp-toast{position:fixed;bottom:28px;right:28px;background:var(--text-primary);color:var(--bg-base);padding:12px 16px;border-radius:9px;font-size:13px;font-weight:500;display:flex;align-items:center;gap:8px;box-shadow:var(--shadow-modal);z-index:300;opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s;font-family:Inter,sans-serif}.sp-toast.hidden{opacity:0;transform:translateY(12px);pointer-events:none}.sp-toast-icon{color:var(--lime);font-size:15px}