:root{--bg: #ffffff;--bg-elev: #f7f7f7;--bg-hover: #ececec;--bg-active: #e3e3e3;--bg-sidebar: #f9f9f9;--bg-input: #ffffff;--bg-code: #f4f4f4;--bg-overlay: rgba(0, 0, 0, .4);--fg: #0d0d0d;--fg-muted: #5d5d5d;--fg-subtle: #8e8e8e;--fg-faint: #b4b4b4;--fg-inverse: #ffffff;--border: #e5e5e5;--border-strong: #d4d4d4;--accent: #0d0d0d;--accent-fg: #ffffff;--accent-soft: #f0f0f0;--danger: #c14545;--success: #3a8a5a;--warning: #b07a1d;--radius-sm: 6px;--radius: 10px;--radius-lg: 16px;--radius-pill: 999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow: 0 4px 16px rgba(0, 0, 0, .06), 0 2px 4px rgba(0, 0, 0, .04);--shadow-lg: 0 16px 48px rgba(0, 0, 0, .12), 0 4px 12px rgba(0, 0, 0, .06);--font-sans: -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", "Helvetica Neue", Helvetica, "Segoe UI", Roboto, sans-serif;--font-mono: ui-monospace, "SF Mono", "JetBrains Mono", "Cascadia Code", Menlo, Consolas, monospace}[data-theme=dark]{--bg: #212121;--bg-elev: #2f2f2f;--bg-hover: #3a3a3a;--bg-active: #424242;--bg-sidebar: #181818;--bg-input: #2f2f2f;--bg-code: #1a1a1a;--bg-overlay: rgba(0, 0, 0, .6);--fg: #ececec;--fg-muted: #b4b4b4;--fg-subtle: #8e8e8e;--fg-faint: #5d5d5d;--fg-inverse: #0d0d0d;--border: #383838;--border-strong: #4a4a4a;--accent: #ececec;--accent-fg: #0d0d0d;--accent-soft: #2f2f2f}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%;background:var(--bg);color:var(--fg);font-family:var(--font-sans);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{height:100%}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer;padding:0}input,textarea,select{font:inherit;color:inherit}textarea{resize:none}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--border-strong)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:8px;color:var(--fg-muted);transition:background .12s,color .12s}.icon-btn:hover{background:var(--bg-hover);color:var(--fg)}.icon-btn.active{background:var(--bg-active);color:var(--fg)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:38px;padding:0 14px;border-radius:8px;font-size:14px;font-weight:500;transition:background .12s,opacity .12s;white-space:nowrap}.btn-primary{background:var(--accent);color:var(--accent-fg)}.btn-primary:hover{opacity:.88}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--fg)}.btn-ghost:hover{background:var(--bg-hover)}.btn-secondary{background:var(--bg-elev);color:var(--fg);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{opacity:.88}.field-label{font-size:13px;color:var(--fg-muted);margin-bottom:6px;display:block;font-weight:500}.input,.textarea,.select{width:100%;background:var(--bg-input);border:1px solid var(--border);border-radius:8px;padding:9px 12px;color:var(--fg);outline:none;transition:border-color .12s}.input:focus,.textarea:focus,.select:focus{border-color:var(--fg)}.textarea{padding:10px 12px;line-height:1.5;min-height:80px;resize:vertical}.divider{height:1px;background:var(--border);margin:16px 0}.tag{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 8px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;background:var(--bg-elev);color:var(--fg-muted);border:1px solid var(--border)}.tag-vision{background:#ecf3ff;color:#2a5fc7;border-color:#d6e4ff}.tag-reasoning{background:#f3edff;color:#6b3fc7;border-color:#e0d4ff}.tag-active{background:var(--fg);color:var(--bg);border-color:var(--fg)}.tag-inactive{background:transparent;color:var(--fg-faint)}[data-theme=dark] .tag-vision{background:#4a7ce033;color:#8ab4f8;border-color:#4a7ce04d}[data-theme=dark] .tag-reasoning{background:#8c64e033;color:#c8b4f8;border-color:#8c64e04d}.toast-container{position:fixed;top:20px;left:50%;transform:translate(-50%);z-index:9999;display:flex;flex-direction:column;gap:8px;pointer-events:none}.toast{background:var(--fg);color:var(--bg);padding:10px 18px;border-radius:8px;font-size:14px;box-shadow:var(--shadow);animation:toast-in .2s ease-out}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.modal-backdrop{position:fixed;inset:0;background:var(--bg-overlay);z-index:100;display:flex;align-items:center;justify-content:center;animation:fade-in .15s ease-out;backdrop-filter:blur(2px)}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{background:var(--bg);border-radius:14px;box-shadow:var(--shadow-lg);width:min(560px,calc(100vw - 40px));max-height:calc(100vh - 80px);overflow:auto;animation:modal-in .18s ease-out}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px 12px}.modal-title{font-size:17px;font-weight:600}.modal-body{padding:0 22px 22px}.modal-footer{display:flex;gap:8px;justify-content:flex-end;padding:14px 22px;border-top:1px solid var(--border)}.login-page{min-height:100%;display:flex;align-items:center;justify-content:center;background:var(--bg);padding:24px}.login-card{width:100%;max-width:380px}.login-logo{width:44px;height:44px;border-radius:12px;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;margin:0 auto 22px}.login-title{text-align:center;font-size:24px;font-weight:600;margin-bottom:6px;letter-spacing:-.01em}.login-subtitle{text-align:center;color:var(--fg-muted);font-size:14px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:14px}.login-form .input{height:44px;padding:0 14px;border-radius:10px}.login-form .btn{height:44px;border-radius:10px;font-size:15px}.login-error{background:#c1454514;color:var(--danger);border:1px solid rgba(193,69,69,.25);border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.5}.login-hint{text-align:center;font-size:12px;color:var(--fg-faint);margin-top:22px;line-height:1.6}.app{display:flex;height:100%;background:var(--bg)}.sidebar{width:260px;background:var(--bg-sidebar);display:flex;flex-direction:column;flex-shrink:0;transition:width .22s ease,margin-left .22s ease;overflow:hidden}.sidebar.collapsed{width:0;margin-left:0}.sidebar-inner{width:260px;height:100%;display:flex;flex-direction:column}.sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:10px 10px 10px 14px;height:52px}.sidebar-brand{display:flex;align-items:center;gap:8px;font-weight:600;font-size:14px}.sidebar-brand-mark{width:26px;height:26px;border-radius:7px;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px}.sidebar-actions{display:flex;gap:2px}.new-chat-btn{margin:4px 8px 12px;height:38px;border-radius:8px;display:flex;align-items:center;gap:10px;padding:0 12px;color:var(--fg);font-weight:500;font-size:14px;transition:background .12s}.new-chat-btn:hover{background:var(--bg-hover)}.sidebar-section-label{padding:8px 14px 6px;font-size:11px;color:var(--fg-subtle);font-weight:500;text-transform:uppercase;letter-spacing:.04em}.convo-list{flex:1;overflow-y:auto;padding:0 8px 12px}.convo-item{position:relative;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;color:var(--fg);cursor:pointer;transition:background .12s;margin-bottom:1px}.convo-item:hover{background:var(--bg-hover)}.convo-item.active{background:var(--bg-active)}.convo-item-title{flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.convo-item.editing .convo-item-title{background:var(--bg);border:1px solid var(--border-strong);border-radius:4px;padding:2px 6px;outline:none}.convo-item-pin{color:var(--fg-faint);display:flex;align-items:center}.convo-item-menu-btn{width:24px;height:24px;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);border-radius:4px;opacity:0;transition:opacity .12s,background .12s}.convo-item:hover .convo-item-menu-btn,.convo-item.active .convo-item-menu-btn{opacity:1}.convo-item-menu-btn:hover{background:var(--bg-active)}.convo-menu{position:absolute;top:100%;right:4px;z-index:50;background:var(--bg);border:1px solid var(--border);border-radius:8px;box-shadow:var(--shadow);padding:4px;min-width:140px}.convo-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border-radius:6px;font-size:13px;color:var(--fg);text-align:left}.convo-menu-item:hover{background:var(--bg-hover)}.convo-menu-item.danger{color:var(--danger)}.sidebar-footer{border-top:1px solid var(--border);padding:8px}.user-tile{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;cursor:pointer;width:100%;transition:background .12s}.user-tile:hover{background:var(--bg-hover)}.user-avatar{width:28px;height:28px;border-radius:50%;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.user-avatar.admin{background:linear-gradient(135deg,#6b3fc7,#2a5fc7);color:#fff}.user-name{font-size:14px;font-weight:500;flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role-badge{font-size:10px;color:var(--fg-subtle)}.main{flex:1;display:flex;flex-direction:column;min-width:0;position:relative}.topbar{display:flex;align-items:center;justify-content:space-between;height:52px;padding:0 12px;flex-shrink:0;border-bottom:1px solid transparent;position:relative;z-index:5}.topbar-left,.topbar-right{display:flex;align-items:center;gap:4px}.model-selector{display:flex;align-items:center;gap:6px;height:36px;padding:0 10px;border-radius:8px;font-size:14px;font-weight:500;color:var(--fg);transition:background .12s}.model-selector:hover{background:var(--bg-hover)}.model-selector .chevron{color:var(--fg-faint)}.model-menu{position:absolute;top:100%;left:12px;margin-top:4px;z-index:60;background:var(--bg);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;min-width:320px;max-width:380px}.model-menu-item{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border-radius:8px;cursor:pointer;width:100%;text-align:left;transition:background .12s}.model-menu-item:hover{background:var(--bg-hover)}.model-menu-item-info{flex:1;min-width:0}.model-menu-item-name{font-size:14px;font-weight:500;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.model-menu-item-desc{font-size:12px;color:var(--fg-muted);margin-top:2px}.model-menu-item-check{color:var(--fg);flex-shrink:0;padding-top:2px}.model-menu-item-check.hidden{visibility:hidden}.chat-area{flex:1;overflow-y:auto;position:relative}.chat-content{max-width:760px;margin:0 auto;padding:20px 24px 140px}.empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 24px 200px;text-align:center}.empty-logo{width:56px;height:56px;border-radius:16px;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:24px;margin-bottom:22px}.empty-title{font-size:26px;font-weight:500;letter-spacing:-.01em;color:var(--fg)}.message-group{margin-bottom:28px}.message-user{display:flex;justify-content:flex-end;margin-bottom:6px}.message-user-bubble{background:var(--bg-elev);padding:10px 16px;border-radius:18px;max-width:80%;font-size:15px;line-height:1.55;white-space:pre-wrap;word-wrap:break-word}.message-user-images{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:6px;justify-content:flex-end}.message-user-image{width:140px;height:140px;border-radius:12px;background:var(--bg-elev);background-size:cover;background-position:center;border:1px solid var(--border);cursor:zoom-in;transition:transform .12s,opacity .12s}.message-user-image:hover{opacity:.92;transform:translateY(-1px)}.image-lightbox{position:fixed;inset:0;z-index:300;display:flex;align-items:center;justify-content:center;padding:28px;background:#000000c7;backdrop-filter:blur(2px);cursor:zoom-out}.image-lightbox img{max-width:min(1100px,96vw);max-height:92vh;object-fit:contain;border-radius:14px;box-shadow:var(--shadow-lg);cursor:default}.image-lightbox-close{position:fixed;top:18px;right:18px;z-index:301;width:38px;height:38px;display:flex;align-items:center;justify-content:center;border-radius:999px;background:#ffffff1f;color:#fff;cursor:pointer;transition:background .12s}.image-lightbox-close:hover{background:#fff3}.message-assistant{padding:4px 0;font-size:15px;line-height:1.65}.message-assistant-content{overflow-wrap:anywhere}.message-assistant-content p{margin:0 0 10px}.message-assistant-content p:last-child,.message-assistant-content ul:last-child,.message-assistant-content ol:last-child,.message-assistant-content pre:last-child,.message-assistant-content blockquote:last-child,.message-assistant-content .markdown-table-wrap:last-child{margin-bottom:0}.message-assistant-content code:not(pre code){background:var(--bg-code);padding:1px 5px;border-radius:4px;font-family:var(--font-mono);font-size:13px}.message-assistant-content pre{position:relative;background:var(--bg-code);border:1px solid var(--border);border-radius:10px;padding:12px 14px;overflow-x:auto;font-family:var(--font-mono);font-size:13px;line-height:1.5;margin:10px 0}.message-assistant-content pre[data-language]{padding-top:34px}.message-assistant-content pre[data-language]:before{content:attr(data-language);position:absolute;top:8px;right:12px;color:var(--fg-subtle);font-family:var(--font-sans);font-size:11px;line-height:1}.message-assistant-content pre code{display:block;white-space:pre}.message-assistant-content mjx-container{font-size:1.03em}.message-assistant-content .math-display{overflow-x:auto;overflow-y:hidden;margin:12px 0;padding:2px 0}.message-assistant-content mjx-container[display=true]{margin:0}.message-assistant-content strong{font-weight:600}.message-assistant-content em{font-style:italic}.message-assistant-content del{color:var(--fg-muted)}.message-assistant-content h1,.message-assistant-content h2,.message-assistant-content h3,.message-assistant-content h4,.message-assistant-content h5,.message-assistant-content h6{margin:14px 0 6px;font-weight:600;letter-spacing:-.01em}.message-assistant-content h1{font-size:20px}.message-assistant-content h2{font-size:18px}.message-assistant-content h3{font-size:16px}.message-assistant-content h4,.message-assistant-content h5,.message-assistant-content h6{font-size:15px}.message-assistant-content ul,.message-assistant-content ol{margin:6px 0 10px;padding-left:24px}.message-assistant-content li{margin:3px 0;padding-left:2px}.message-assistant-content .task-list{list-style:none;padding-left:2px}.message-assistant-content .task-list li{display:flex;align-items:flex-start;gap:8px}.message-assistant-content .task-list input{flex-shrink:0;margin:5px 0 0;accent-color:var(--fg)}.message-assistant-content a{color:inherit;text-decoration:underline;text-decoration-color:var(--fg-faint);text-underline-offset:2px}.message-assistant-content a:hover{text-decoration-color:var(--fg)}.message-assistant-content blockquote{margin:10px 0;padding:2px 0 2px 14px;border-left:3px solid var(--border-strong);color:var(--fg-muted)}.message-assistant-content blockquote p{margin-bottom:8px}.message-assistant-content hr{height:1px;border:none;background:var(--border);margin:16px 0}.message-assistant-content .markdown-table-wrap{overflow-x:auto;margin:10px 0;border:1px solid var(--border);border-radius:10px}.message-assistant-content table{width:100%;border-collapse:collapse;font-size:14px}.message-assistant-content th,.message-assistant-content td{padding:8px 10px;border-bottom:1px solid var(--border);border-right:1px solid var(--border);vertical-align:top}.message-assistant-content th:last-child,.message-assistant-content td:last-child{border-right:none}.message-assistant-content tr:last-child td{border-bottom:none}.message-assistant-content th{background:var(--bg-elev);font-weight:600}.cursor{display:inline-block;width:8px;height:16px;background:var(--fg);vertical-align:middle;margin-left:1px;animation:cursor-blink 1s infinite}@keyframes cursor-blink{50%{opacity:0}}.thinking-block{margin:0 0 12px;border-left:2px solid var(--border);padding-left:10px}.thinking-pill{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:var(--radius-pill);background:var(--bg-elev);border:1px solid var(--border);color:var(--fg-muted);font-size:13px;cursor:pointer;transition:background .12s}.thinking-pill:hover{background:var(--bg-hover)}.thinking-pill.thinking{color:var(--fg)}.thinking-pill .spinner{width:12px;height:12px;border:1.5px solid var(--border-strong);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.thinking-pill .chevron{transition:transform .2s;color:var(--fg-faint)}.thinking-pill.expanded .chevron{transform:rotate(180deg)}.thinking-content{font-size:13px;line-height:1.6;color:var(--fg-muted);padding:10px 4px 4px;white-space:pre-wrap;font-family:var(--font-mono)}.agent-steps{margin:8px 0 14px;display:flex;flex-direction:column;gap:6px}.agent-step{display:flex;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg);font-size:13px;transition:background .12s}.agent-step.expandable{cursor:pointer}.agent-step.expandable:hover{background:var(--bg-elev)}.agent-step-icon{width:24px;height:24px;border-radius:6px;background:var(--bg-elev);color:var(--fg-muted);display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:-1px}.agent-step.running .agent-step-icon{color:var(--fg)}.agent-step.done .agent-step-icon{color:var(--success);background:#3a8a5a1a}.agent-step.error .agent-step-icon{color:var(--danger);background:#c145451a}.agent-step-body{flex:1;min-width:0}.agent-step-title{font-weight:500;color:var(--fg);display:flex;align-items:center;gap:8px}.agent-step-meta{color:var(--fg-muted);font-size:12px;margin-top:2px}.agent-step-results{margin-top:8px;display:flex;flex-direction:column;gap:4px}.agent-step-result{display:block;padding:6px 8px;border-radius:6px;font-size:12px;color:var(--fg-muted);text-decoration:none;transition:background .12s}.agent-step-result:hover{background:var(--bg-elev);color:var(--fg)}.agent-step-result-title{color:var(--fg);font-weight:500}.agent-step-result-url{font-size:11px;color:var(--fg-subtle);margin-top:1px;word-break:break-all}.agent-step-chevron{color:var(--fg-faint);transition:transform .2s}.agent-step.expanded .agent-step-chevron{transform:rotate(180deg)}.message-meta{margin-top:8px;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--fg-subtle);flex-wrap:wrap}.message-meta-actions{display:flex;gap:2px;margin-right:auto}.message-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:6px;color:var(--fg-faint);transition:background .12s,color .12s}.message-action-btn:hover{background:var(--bg-hover);color:var(--fg-muted)}.message-action-btn.copied{color:var(--success)}.message-stat{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:4px;font-variant-numeric:tabular-nums}.message-stat-divider{color:var(--fg-faint)}.ocr-badge{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;background:var(--bg-elev);color:var(--fg-muted);font-size:11px}.composer-wrap{position:absolute;bottom:0;left:0;right:0;padding:0 24px 18px;background:linear-gradient(to bottom,transparent,var(--bg) 30%);pointer-events:none}.composer{pointer-events:auto;max-width:760px;margin:0 auto;background:var(--bg-input);border:1px solid var(--border);border-radius:26px;box-shadow:var(--shadow-sm);padding:8px 8px 8px 16px;transition:border-color .12s,box-shadow .12s}.composer:focus-within{border-color:var(--border-strong);box-shadow:0 0 0 4px #0000000a}.composer-images{display:flex;gap:8px;flex-wrap:wrap;padding:6px 0 4px}.composer-image{position:relative;width:64px;height:64px;border-radius:10px;background-size:cover;background-position:center;border:1px solid var(--border)}.composer-image-remove{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;font-size:12px}.composer-textarea{width:100%;background:transparent;border:none;outline:none;font-size:15px;line-height:1.5;padding:8px 0;min-height:28px;max-height:200px}.composer-actions{display:flex;align-items:center;gap:4px;margin-top:4px}.composer-actions-spacer{flex:1}.composer-pill{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px 0 9px;border-radius:999px;font-size:13px;color:var(--fg-muted);border:1px solid var(--border);background:var(--bg);transition:background .12s,color .12s,border-color .12s}.composer-pill:hover{background:var(--bg-hover)}.composer-pill.active{background:var(--bg-elev);color:var(--fg);border-color:var(--border-strong)}[data-theme=dark] .composer-pill.active{background:#8cb4ff26;color:#a8c5ff;border-color:#8cb4ff4d}.send-btn{width:36px;height:36px;border-radius:50%;background:var(--fg);color:var(--bg);display:flex;align-items:center;justify-content:center;transition:opacity .12s,transform .12s}.send-btn:hover{opacity:.85}.send-btn:disabled{opacity:.3;cursor:not-allowed}.send-btn.stop{background:var(--fg)}.composer-disclaimer{text-align:center;font-size:11px;color:var(--fg-faint);margin:8px 0 0}.settings-modal{width:min(640px,calc(100vw - 40px))}.settings-tabs{display:flex;border-bottom:1px solid var(--border);padding:0 22px;gap:2px}.settings-tab{height:40px;padding:0 14px;font-size:14px;color:var(--fg-muted);border-bottom:2px solid transparent;transition:color .12s;margin-bottom:-1px}.settings-tab:hover{color:var(--fg)}.settings-tab.active{color:var(--fg);border-bottom-color:var(--fg);font-weight:500}.settings-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);gap:16px}.settings-row:last-child{border-bottom:none}.settings-row-info{flex:1;min-width:0}.settings-row-label{font-size:14px;font-weight:500}.settings-row-desc{font-size:12px;color:var(--fg-muted);margin-top:2px;line-height:1.5}.settings-row-control{flex-shrink:0}.toggle{position:relative;width:36px;height:20px;background:var(--border-strong);border-radius:999px;transition:background .16s;cursor:pointer}.toggle.on{background:var(--fg)}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:16px;height:16px;background:#fff;border-radius:50%;transition:transform .16s;box-shadow:0 1px 2px #0003}.toggle.on:after{transform:translate(16px)}.theme-picker{display:flex;background:var(--bg-elev);border-radius:8px;padding:2px;gap:2px}.theme-picker button{height:28px;padding:0 12px;border-radius:6px;font-size:12px;color:var(--fg-muted);font-weight:500}.theme-picker button.active{background:var(--bg);color:var(--fg);box-shadow:var(--shadow-sm)}.admin-page{display:flex;flex-direction:column;height:100%}.admin-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;border-bottom:1px solid var(--border);flex-shrink:0}.admin-title{font-size:18px;font-weight:600}.admin-layout{display:flex;flex:1;min-height:0}.admin-nav{width:220px;border-right:1px solid var(--border);padding:14px 10px;flex-shrink:0;background:var(--bg-sidebar)}.admin-nav-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border-radius:8px;font-size:14px;color:var(--fg-muted);margin-bottom:2px;text-align:left;transition:background .12s,color .12s}.admin-nav-item:hover{background:var(--bg-hover);color:var(--fg)}.admin-nav-item.active{background:var(--bg-active);color:var(--fg);font-weight:500}.admin-content{flex:1;overflow-y:auto;padding:28px 32px;min-width:0}.admin-section{max-width:880px;margin:0 auto}.admin-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.admin-section-title{font-size:22px;font-weight:600;letter-spacing:-.01em}.admin-section-desc{font-size:13px;color:var(--fg-muted);margin-top:4px}.card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:18px}.empty-card{text-align:center;padding:36px 20px;color:var(--fg-muted);font-size:13px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:16px 18px}.stat-label{font-size:12px;color:var(--fg-muted);margin-bottom:6px}.stat-value{font-size:26px;font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.stat-trend{font-size:12px;color:var(--fg-muted);margin-top:4px}.stat-trend.up{color:var(--success)}.table-wrap{border:1px solid var(--border);border-radius:12px;overflow:hidden;background:var(--bg)}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:12px 14px;font-size:13px;border-bottom:1px solid var(--border)}.table th{background:var(--bg-elev);font-weight:500;color:var(--fg-muted);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-elev)}.table .row-actions{display:flex;gap:4px;justify-content:flex-end}.usage-chart{display:flex;align-items:flex-end;gap:4px;height:120px;padding:4px}.usage-bar{flex:1;background:var(--bg-elev);border-radius:3px;position:relative;transition:background .12s}.usage-bar:hover{background:var(--fg-faint)}.usage-bar-fill{position:absolute;bottom:0;left:0;right:0;background:var(--fg);border-radius:3px;transition:height .2s}.app-loading{height:100%;display:flex;align-items:center;justify-content:center;color:var(--fg-muted);font-size:14px;gap:10px}.spinner-lg{width:18px;height:18px;border:2px solid var(--border-strong);border-top-color:var(--fg);border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 768px){.sidebar{position:absolute;z-index:30;height:100%;box-shadow:var(--shadow-lg)}.sidebar.collapsed{transform:translate(-100%);width:260px}.admin-nav{width:56px;padding:14px 6px}.admin-nav-item span{display:none}.admin-content{padding:18px}.composer-wrap{padding:0 12px 12px}}