:root{--navy: #0B1628;--navy-light: #122035;--navy-surface: #162a42;--amber: #D97842;--amber-hover: #E68A52;--blue: #4F8EF7;--off-white: #E8EAF0;--text-secondary: #9BA3B0;--text-muted: #6B7280;--hairline: rgba(217, 120, 66, .15);--border: rgba(232, 234, 240, .1);--border-strong: rgba(232, 234, 240, .18);--glass: rgba(255, 255, 255, .05)}*{box-sizing:border-box;margin:0}body{font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--navy);color:var(--off-white);line-height:1.5;-webkit-font-smoothing:antialiased;min-width:320px}a{color:var(--amber);text-decoration:none}a:hover{color:var(--amber-hover)}button{font-family:inherit;border:none;cursor:pointer}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}.nav{display:flex;align-items:center;border-bottom:1px solid var(--border);padding:0 24px;height:52px;background:var(--navy-light)}.nav-logo{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-weight:300;font-size:18px;color:var(--amber);margin-right:32px;letter-spacing:1px}.nav-links{display:flex;gap:4px}.nav-link{padding:8px 14px;font-size:14px;color:var(--text-secondary);border-bottom:2px solid transparent;transition:color .15s,border-color .15s}.nav-link:hover{color:var(--off-white)}.nav-link.active{color:var(--off-white);border-bottom-color:var(--amber)}.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px}.nav-app-link{font-size:12px;color:var(--text-muted);padding:4px 10px;border:1px solid var(--border);border-radius:6px;transition:color .15s,border-color .15s}.nav-app-link:hover{color:var(--amber);border-color:var(--hairline)}.nav-email{font-size:13px;color:var(--text-muted)}.nav-signout{font-size:13px;color:var(--text-secondary);background:none;padding:4px 10px;border-radius:4px;transition:color .15s,background .15s}.nav-signout:hover{color:var(--off-white);background:var(--glass)}.main-content{padding:32px 24px;max-width:1200px;margin:0 auto}.loading{padding:32px 24px;color:var(--text-secondary)}.btn-primary{padding:10px 20px;background:var(--amber);color:var(--navy);font-weight:600;font-size:14px;border-radius:8px;transition:background .15s}.btn-primary:hover{background:var(--amber-hover)}.stat-card{padding:16px 20px;background:var(--navy-surface);border:1px solid var(--border);border-radius:10px}.stat-value{font-size:28px;font-weight:600;color:var(--off-white);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.section-label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:12px}h2{font-size:22px;font-weight:600;color:var(--off-white);margin-bottom:24px}h3{font-size:16px;font-weight:600;color:var(--off-white);margin-bottom:16px}.chart-card{background:var(--navy-surface);border:1px solid var(--border);border-radius:12px;padding:20px}.search-input{width:100%;max-width:480px;padding:10px 16px;font-size:15px;background:var(--navy-surface);border:1px solid var(--border-strong);border-radius:8px;color:var(--off-white);outline:none;transition:border-color .15s}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--amber)}.conv-list{list-style:none;padding:0}.conv-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--border);cursor:pointer;transition:background .15s;gap:16px}.conv-row:hover{background:var(--glass)}.conv-title{font-size:14px;font-weight:500;color:var(--off-white);flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conv-meta{font-size:12px;color:var(--text-muted);flex-shrink:0;white-space:nowrap}.conv-model{font-size:12px;color:var(--amber);flex-shrink:0;white-space:nowrap}.pill{display:inline-block;padding:3px 10px;background:#d978421a;border:1px solid var(--hairline);border-radius:20px;font-size:12px;color:var(--amber);margin:2px 3px 2px 0}.pill-blue{display:inline-block;padding:3px 10px;background:#4f8ef71a;border:1px solid rgba(79,142,247,.2);border-radius:20px;font-size:12px;color:var(--blue);margin:2px 3px 2px 0}.thread-layout{display:grid;grid-template-columns:1fr 340px;gap:24px;align-items:start}@media(max-width:900px){.thread-layout{grid-template-columns:1fr}}.turn{border-radius:10px;padding:14px 18px;margin-bottom:10px;border:1px solid var(--border)}.turn-user{background:var(--navy-light)}.turn-assistant{background:var(--navy-surface)}.turn-role{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--amber);margin-bottom:6px}.turn-role.assistant{color:var(--blue)}.turn-text{font-size:14px;color:var(--off-white);line-height:1.7;white-space:pre-wrap;word-break:break-word}.turn-footer{margin-top:10px;display:flex;flex-wrap:wrap;align-items:center;gap:4px}.sidebar-panel{background:var(--navy-surface);border:1px solid var(--border);border-radius:12px;padding:16px;margin-bottom:16px}.tabs{display:flex;background:var(--navy-surface);border:1px solid var(--border);border-radius:8px;padding:4px;gap:4px;margin-bottom:24px;width:fit-content}.tab{padding:7px 16px;font-size:14px;font-weight:500;color:var(--text-secondary);background:none;border-radius:6px;transition:color .15s,background .15s}.tab:hover{color:var(--off-white)}.tab.active{color:var(--off-white);background:var(--navy-light);border-bottom:2px solid var(--amber)}.empty-state{padding:32px;text-align:center;color:var(--text-muted);font-size:14px}.progress-track{height:6px;background:var(--navy-surface);border-radius:3px;overflow:hidden;margin-bottom:8px}.progress-fill{height:100%;border-radius:3px;background:var(--amber);transition:width .3s ease}.progress-fill.done{background:#22c55e}.drop-zone{border:2px dashed var(--border-strong);border-radius:10px;padding:48px;text-align:center;cursor:pointer;max-width:560px;margin-bottom:24px;transition:border-color .15s,background .15s}.drop-zone:hover,.drop-zone.drag-over{border-color:var(--amber);background:#d978420d}.alert-error{margin-top:12px;padding:12px 16px;background:#dc26261a;border:1px solid rgba(220,38,38,.2);border-radius:8px;font-size:13px;color:#fca5a5}.alert-success{margin-top:12px;padding:12px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:8px;font-size:14px;color:#86efac}.back-link{display:inline-block;font-size:13px;color:var(--text-secondary);margin-bottom:20px;transition:color .15s;cursor:pointer}.back-link:hover{color:var(--amber)}.mini-bar-row{display:flex;align-items:center;gap:10px;margin-bottom:8px}.mini-bar-label{font-size:13px;color:var(--text-secondary);width:140px;flex-shrink:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-bar-track{flex:1;height:6px;background:var(--border);border-radius:3px;overflow:hidden}.mini-bar-fill{height:100%;background:var(--amber);border-radius:3px}.mini-bar-fill.blue{background:var(--blue)}.mini-bar-count{font-size:12px;color:var(--text-muted);width:36px;text-align:right;flex-shrink:0}.gran-tabs{display:flex;gap:4px;margin-bottom:16px}.gran-tab{padding:5px 12px;font-size:12px;color:var(--text-secondary);background:var(--navy-surface);border:1px solid var(--border);border-radius:6px;transition:color .15s,background .15s}.gran-tab.active{color:var(--amber);background:#d9784214;border-color:var(--hairline)}.fw-toggle{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;font-size:13px;color:var(--text-secondary);background:var(--navy-surface);border:1px solid var(--border);border-radius:6px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color .15s,border-color .15s;margin-right:6px}.fw-toggle.active{color:var(--amber);border-color:var(--hairline);background:#d9784214}.turn-slider{width:100%;accent-color:var(--amber);cursor:pointer}