@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600&family=JetBrains+Mono:wght@400;500&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg0: #080b18;--bg1: #0e1226;--bg2: #141830;--bg3: #1c2140;--bg4: #242850;--accent: #6c63ff;--accentd: rgba(108,99,255,.15);--accent2: #a78bfa;--green: #10d9a0;--yellow: #f59e0b;--red: #f87171;--orange: #fb923c;--t1: #dde1f5;--t2: #8890be;--t3: #464e7a;--border: #1a1f3a;--border2: #22284a;--r4:4px;--r8:8px;--r12:12px;--r16:16px;--r20:20px;--font: "Outfit", sans-serif;--mono: "JetBrains Mono", monospace}[data-theme=light]{--bg0: #f0f2f9;--bg1: #ffffff;--bg2: #f5f6fc;--bg3: #eaecf5;--bg4: #dde0ef;--accent: #6c63ff;--accentd: rgba(108,99,255,.1);--accent2: #7c6ff7;--green: #059669;--yellow: #d97706;--red: #dc2626;--orange: #ea580c;--t1: #0f1130;--t2: #4a5080;--t3: #9095b8;--border: #e2e4f0;--border2: #d0d3e8}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font);background:var(--bg0);color:var(--t1);font-size:14px;-webkit-font-smoothing:antialiased;transition:background .2s,color .2s}button{font-family:var(--font);cursor:pointer}code,pre{font-family:var(--mono)}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg4);border-radius:4px}.app{display:flex;height:100vh;width:100vw;overflow:hidden}.main{flex:1;display:flex;flex-direction:column;min-width:0;height:100vh;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;padding:11px 22px;background:var(--bg1);border-bottom:1px solid var(--border);flex-shrink:0}.tb-left{display:flex;align-items:center;gap:12px}.tb-tag{font-size:10.5px;font-weight:600;letter-spacing:.09em;color:var(--accent2);text-transform:uppercase}.live-pill{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;color:var(--green);background:#10d9a012;border:1px solid rgba(16,217,160,.18);border-radius:20px;padding:3px 10px}.live-dot{width:6px;height:6px;border-radius:50%;background:var(--green);animation:lpulse 2s infinite}@keyframes lpulse{0%,to{opacity:1}50%{opacity:.3}}.tb-right{display:flex;gap:8px;align-items:center}.tb-btn{background:var(--bg2);border:1px solid var(--border2);color:var(--t2);padding:6px 14px;border-radius:var(--r8);font-size:13px;transition:all .15s;cursor:pointer;font-family:var(--font)}.tb-btn:hover{background:var(--bg3);color:var(--t1)}.tb-btn.key{background:var(--accentd);border-color:#6c63ff4d;color:var(--accent2)}.tb-btn.key:hover{background:#6c63ff40}.content-area{flex:1;display:flex;min-height:0;overflow:hidden}.dashboard-panel{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden;height:100%}.dashboard-scroll{flex:1;overflow-y:auto;padding:16px 24px 8px;min-height:0}.mode-bar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.mode-bar-left{display:flex;align-items:baseline;gap:10px}.mode-bar-title{font-size:16px;font-weight:600;color:var(--t1);white-space:nowrap}.mode-bar-sub{font-size:12px;color:var(--t3);white-space:nowrap}.chart-type-pills{display:flex;gap:6px;flex-shrink:0}.mode-pill{background:var(--bg2);border:1px solid var(--border2);color:var(--t3);padding:5px 14px;border-radius:20px;font-size:12px;font-family:var(--font);cursor:pointer;transition:all .15s}.mode-pill:hover{color:var(--t1);border-color:var(--accent)}.mode-pill.active{background:var(--accentd);border-color:#6c63ff66;color:var(--accent2)}.chat-drawer{width:360px;min-width:360px;border-left:1px solid var(--border);background:var(--bg1);display:flex;flex-direction:column;animation:drawerIn .25s ease;overflow:hidden}@keyframes drawerIn{0%{transform:translate(20px);opacity:0}to{transform:none;opacity:1}}.chat-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.chat-drawer-title{font-size:14px;font-weight:500;color:var(--t1)}.chat-drawer-close{background:none;border:none;color:var(--t3);cursor:pointer;padding:4px;border-radius:6px;display:flex;align-items:center;transition:all .15s}.chat-drawer-close:hover{color:var(--t1);background:var(--bg2)}.chat-drawer-body{flex:1;overflow:hidden;display:flex;flex-direction:column}.chart-drawer{width:480px;min-width:480px;border-left:1px solid var(--border);background:var(--bg1);display:flex;flex-direction:column;animation:drawerIn .25s ease;overflow:hidden}.chart-toggle-btn{display:flex;align-items:center;gap:6px}.chart-toggle-btn.active{background:#10d9a014;border-color:#10d9a040;color:var(--green)}.drawer-overlay{position:fixed;left:242px;top:0;right:0;bottom:0;background:#00000080;z-index:200;animation:fadeIn .2s ease}.left-drawer{position:fixed;left:242px;top:0;height:100vh;width:500px;background:var(--bg1);border-right:1px solid var(--border);z-index:201;display:flex;flex-direction:column;animation:slideInLeft .25s cubic-bezier(.32,1,.32,1)}@keyframes slideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:none;opacity:1}}.left-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.left-drawer-title{font-size:14px;font-weight:500;color:var(--t1)}.left-drawer-close{width:30px;height:30px;border-radius:var(--r8);background:var(--bg2);border:1px solid var(--border2);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.left-drawer-close:hover{background:var(--bg3);color:var(--t1)}.left-drawer-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.sidebar-toggle-btn{width:36px;height:36px;border-radius:var(--r8);background:var(--bg2);border:1px solid var(--border2);color:var(--t2);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s}.sidebar-toggle-btn:hover{background:var(--bg3);color:var(--t1)}.sidebar-toggle-btn.active{background:var(--accentd);border-color:#6c63ff4d;color:var(--accent2)}.content-area{flex:1;display:flex;min-height:0;overflow:hidden;position:relative}.home-returning{flex:1;padding:32px 36px;overflow-y:auto;display:flex;flex-direction:column;gap:24px}.home-title{font-size:22px;font-weight:600;color:var(--t1);margin:0 0 4px}.home-sub{font-size:13px;color:var(--t3);margin:0}.home-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stat-card{background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:16px}.stat-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}.stat-value{font-size:18px;font-weight:600;color:var(--t1)}.usage-bar-wrap{display:flex;flex-direction:column;gap:6px}.usage-bar-label{display:flex;justify-content:space-between;font-size:12px;color:var(--t3)}.usage-bar-track{height:6px;background:var(--bg3);border-radius:99px;overflow:hidden}.usage-bar-fill{height:100%;background:var(--accent);border-radius:99px;transition:width .4s ease}.home-section-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t3)}.home-rooms-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:10px}.home-room-card{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s}.home-room-card:hover,.home-room-card.active{border-color:var(--accent);background:var(--accentd)}.home-room-new{border-style:dashed}.home-room-new:hover{border-style:solid}.home-room-icon{width:32px;height:32px;background:var(--bg3);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--t3)}.home-room-name{font-size:13px;font-weight:500;color:var(--t1)}.home-room-meta{font-size:11px;color:var(--t3);margin-top:2px}.new-chat-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%}.new-chat-center{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;flex:1;justify-content:center}.new-chat-logo{width:64px;height:64px;border-radius:16px;background:var(--accentd);border:1px solid rgba(108,99,255,.2);display:flex;align-items:center;justify-content:center;margin-bottom:4px}.new-chat-title{font-size:22px;font-weight:600;color:var(--t1);margin:0}.new-chat-sub{font-size:14px;color:var(--t3);margin:0}.add-file-btn{display:flex;align-items:center;gap:8px;margin-top:8px;padding:10px 22px;background:var(--accentd);border:1px dashed rgba(108,99,255,.4);border-radius:var(--r8);color:var(--accent2);font-size:13.5px;font-weight:500;cursor:pointer;transition:all .15s}.add-file-btn:hover{background:#6c63ff26;border-color:var(--accent)}.new-chat-file-note{font-size:12px;color:var(--green);margin:0}.new-chat-prompt{width:100%;padding:0 0 8px}.chat-dashboard-split{display:flex;flex:1;height:100%;overflow:hidden}.chat-dashboard-split.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.split-dashboard{flex:1;overflow-y:auto;padding:20px 24px;min-height:0}.split-bottom-prompt{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg1)}.split-no-dashboard{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;color:var(--t3);font-size:13px;text-align:center}.split-resize-handle{width:4px;flex-shrink:0;background:var(--border);cursor:col-resize;transition:background .15s;position:relative}.split-resize-handle:hover,.chat-dashboard-split.dragging .split-resize-handle{background:var(--accent)}.split-resize-handle:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:2px;height:32px;border-radius:2px;background:var(--t3);opacity:.4}.split-chat-drawer{flex-shrink:0;display:flex;flex-direction:column;height:100%;background:var(--bg1);border-left:1px solid var(--border);overflow:hidden;min-width:260px;max-width:700px}.split-chat-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.split-chat-title{font-size:13px;font-weight:600;color:var(--t1)}.split-chat-header-meta{display:flex;align-items:center;gap:8px}.split-file-badge{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--accent2);background:var(--accentd);border:1px solid rgba(108,99,255,.2);border-radius:20px;padding:3px 9px;max-width:140px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-chat-prompt{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg1)}@media (max-width: 768px){.chat-dashboard-split{flex-direction:column}.split-chat-drawer{width:100%!important;height:50%;border-left:none;border-top:1px solid var(--border)}.split-resize-handle{display:none}}.chat-toggle-btn{display:flex;align-items:center;gap:6px}.chat-toggle-btn.active{background:var(--accentd);border-color:#6c63ff4d;color:var(--accent2)}.split-chat-close{width:26px;height:26px;border-radius:6px;background:var(--bg2);border:1px solid var(--border2);color:var(--t3);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s;flex-shrink:0}.split-chat-close:hover{background:var(--bg3);color:var(--t1)}.dashboard-bottom-prompt{flex-shrink:0;border-top:1px solid var(--border);background:var(--bg1)}.upload-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#050a19e6;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999}.upload-box{width:360px;padding:24px;border-radius:16px;background:#0f172a;text-align:center;color:#fff}.spinner{width:36px;height:36px;border:3px solid #1f2937;border-top:3px solid #6366f1;border-radius:50%;margin:0 auto 12px;animation:spin 1s linear infinite}.bar{height:8px;background:#1f2937;border-radius:999px;overflow:hidden;margin-top:12px}.fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6)}.meta{display:flex;justify-content:space-between;font-size:12px;margin-top:8px}.success-icon{font-size:40px;color:#22c55e}.tb-dashboard-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--t1);letter-spacing:-.01em}.tb-dashboard-title svg{color:var(--accent2);opacity:.8}.compare-btn{background:#6c63ff14;border-color:#6c63ff33;color:var(--accent2)}.compare-btn:hover{background:#6c63ff26;border-color:#6c63ff66}.compare-btn.active{background:#6c63ff26;border-color:#6c63ff66;color:var(--accent2)}.sidebar{width:242px;min-width:242px;height:100vh;background:var(--bg1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden}.sidebar{width:242px;min-width:242px;height:100vh;background:var(--bg1);border-right:1px solid var(--border);display:flex;flex-direction:column;overflow:hidden;transition:width .25s cubic-bezier(.4,0,.2,1),min-width .25s cubic-bezier(.4,0,.2,1)}.sidebar-collapsed{width:58px;min-width:58px}.sb-logo{display:flex;align-items:center;gap:10px;padding:17px 15px 15px;border-bottom:1px solid var(--border);flex-shrink:0}.logo-box{width:30px;height:30px;background:var(--accent);border-radius:7px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.logo-text{font-size:17px;font-weight:600;color:var(--t1);letter-spacing:-.01em;flex:1}.logo-text em{font-style:normal;color:var(--accent2)}.srv-status{display:flex;align-items:center;gap:5px;flex-shrink:0}.srv-dot{width:7px;height:7px;border-radius:50%;background:var(--t3);transition:background .3s;flex-shrink:0}.srv-ok{background:var(--green)}.srv-error{background:var(--red)}.srv-label{font-size:10.5px;color:var(--t3);font-family:var(--mono)}.drawer-toggle-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:none;background:transparent;color:var(--t3);cursor:pointer;flex-shrink:0;transition:background .15s,color .15s}.drawer-toggle-btn:hover{background:var(--bg2);color:var(--t1)}.sidebar-collapsed .sb-logo{justify-content:center;padding:17px 0 15px;gap:0}.sidebar-collapsed .drawer-toggle-btn{margin-left:0}.sb-label{padding:13px 15px 5px;font-size:10px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--t3);flex-shrink:0}.sb-chats-hd{display:flex;align-items:center;justify-content:space-between;padding-right:10px}.sb-nav{display:flex;flex-direction:column;gap:1px;padding:0 7px;flex-shrink:0}.nav-btn{display:flex;align-items:center;gap:9px;padding:8px 10px;border-radius:var(--r8);background:none;border:none;color:var(--t2);font-size:13px;font-weight:400;text-align:left;width:100%;transition:all .15s;cursor:pointer;font-family:var(--font)}.nav-btn:hover{background:var(--bg2);color:var(--t1)}.nav-btn.active{background:var(--accentd);color:var(--accent2)}.nav-btn-icon-only{justify-content:center;padding:10px 0}.nav-ico{width:15px;height:15px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.75}.nav-ico svg{width:15px;height:15px}.new-btn{display:flex;align-items:center;gap:4px;padding:4px 10px;background:var(--accent);border:none;border-radius:20px;color:#fff;font-size:11px;font-weight:500;transition:background .15s;cursor:pointer;font-family:var(--font)}.new-btn:hover{background:#5550d4}.new-btn-icon{display:flex;align-items:center;justify-content:center;width:34px;height:34px;margin:10px auto;border-radius:8px;border:1.5px dashed rgba(255,255,255,.15);background:transparent;color:var(--t3);cursor:pointer;transition:border-color .15s,color .15s,background .15s}.new-btn-icon:hover{border-color:var(--accent);color:var(--accent2);background:var(--accentd)}.chat-list{flex:1;overflow-y:auto;padding:3px 7px;display:flex;flex-direction:column;gap:1px}.chat-empty{padding:10px 8px;font-size:12px;color:var(--t3);font-style:italic}.chat-row{display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:var(--r8);cursor:pointer;color:var(--t2);font-size:12.5px;transition:all .15s;position:relative}.chat-row:hover{background:var(--bg2);color:var(--t1)}.chat-row:hover .dots-btn{opacity:1}.chat-row.active{background:#6c63ff1a;color:var(--accent2)}.chat-row.pinned{border-left:2px solid var(--accent2);padding-left:7px}.chat-ico{width:13px;height:13px;flex-shrink:0;opacity:.5}.pin-ico{width:10px;height:10px;flex-shrink:0;color:var(--accent2);opacity:.7}.chat-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rename-input{flex:1;background:var(--bg3);border:1px solid var(--accent);border-radius:4px;color:var(--t1);font-size:12px;font-family:var(--font);padding:2px 6px;outline:none;width:100%}.chat-menu-wrap{position:relative;flex-shrink:0}.dots-btn{background:none;border:none;color:var(--t3);opacity:0;padding:2px 4px;border-radius:4px;display:flex;align-items:center;cursor:pointer;transition:all .15s}.dots-btn:hover{color:var(--t1);background:var(--bg3)}.chat-dropdown{position:absolute;right:0;top:calc(100% + 4px);background:var(--bg1);border:1px solid var(--border2);border-radius:var(--r8);padding:4px;min-width:140px;z-index:100;box-shadow:0 8px 24px #0006;animation:ddIn .15s ease}@keyframes ddIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.dd-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:none;border:none;color:var(--t2);font-size:12.5px;font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .12s}.dd-item:hover{background:var(--bg2);color:var(--t1)}.dd-danger{color:var(--red)}.dd-danger:hover{background:#f871711a;color:var(--red)}.dd-divider{height:1px;background:var(--border2);margin:3px 0}.sb-footer{border-top:1px solid var(--border);padding:11px;flex-shrink:0}.user-chip{display:flex;align-items:center;gap:9px;padding:8px;background:var(--bg2);border-radius:var(--r8)}.user-chip-mini{justify-content:center;gap:0;padding:6px}.user-chip-mini .user-info,.user-chip-mini .gear-btn{display:none}.user-av{width:30px;height:30px;border-radius:7px;background:linear-gradient(135deg,var(--accent),var(--accent2));display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:12.5px;font-weight:500;color:var(--t1)}.user-role{font-size:10.5px;color:var(--t3)}.gear-btn{background:none;border:none;color:var(--t3);padding:3px;border-radius:5px;display:flex;align-items:center;transition:all .15s;flex-shrink:0;cursor:pointer}.gear-btn:hover{color:var(--t1);background:var(--bg3)}.new-btn-loading{opacity:.8;cursor:not-allowed}.new-btn-spinner{width:10px;height:10px;border:1.5px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block;flex-shrink:0}.modal-back{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:300;animation:modalBackIn .2s ease}@keyframes modalBackIn{0%{opacity:0}to{opacity:1}}.modal-box{width:460px;max-width:95vw;background:var(--bg1);border:1px solid var(--border2);border-radius:20px;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:0 32px 80px #0000004d;animation:modalBoxIn .22s cubic-bezier(.34,1.56,.64,1)}@keyframes modalBoxIn{0%{opacity:0;transform:scale(.94) translateY(10px)}to{opacity:1;transform:none}}.modal-hd{display:flex;align-items:flex-start;gap:14px}.modal-icon{width:40px;height:40px;border-radius:11px;background:#6c63ff1f;border:1px solid rgba(108,99,255,.25);display:flex;align-items:center;justify-content:center;color:var(--accent2);flex-shrink:0}.modal-title{font-size:17px;font-weight:700;color:var(--t1);letter-spacing:-.01em;margin-bottom:3px}.modal-sub{font-size:12px;color:var(--t3);line-height:1.5}.modal-close-btn{margin-left:auto;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s;flex-shrink:0}.modal-close-btn:hover{color:var(--t1);background:var(--bg3);border-color:var(--border2)}.modal-tabs{display:flex;gap:3px;background:var(--bg2);border:1px solid var(--border);border-radius:12px;padding:4px}.modal-tab{flex:1;padding:8px 14px;border-radius:9px;border:none;background:none;color:var(--t3);font-size:13px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .2s}.modal-tab:hover{color:var(--t2)}.modal-tab.active{background:var(--accentd);color:var(--accent2);border:1px solid rgba(108,99,255,.25)}.modal-tab-content{display:flex;flex-direction:column;gap:14px}.modal-label{font-size:11.5px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}.modal-input{width:100%;padding:11px 14px;background:var(--bg2);border:1px solid var(--border);border-radius:10px;color:var(--t1);font-size:13.5px;font-family:var(--mono);outline:none;transition:border-color .15s,background .15s;box-sizing:border-box}.modal-input:focus{border-color:#6c63ff80;background:var(--accentd)}.modal-input.has-err{border-color:#f8717180;background:#f871710a}.modal-input::placeholder{color:var(--t3)}.modal-err{font-size:12px;color:var(--red);padding:7px 10px;border-radius:8px;background:#f8717114;border:1px solid rgba(248,113,113,.2)}.modal-hint{font-size:12px;color:var(--t3);line-height:1.5}.modal-hint a{color:var(--accent2);text-decoration:none;font-weight:500}.modal-hint a:hover{text-decoration:underline}.modal-actions{display:flex;gap:8px;justify-content:flex-end;padding-top:4px}.btn-primary{padding:10px 22px;border-radius:10px;border:none;background:linear-gradient(135deg,var(--accent),#8b5cf6);color:#fff;font-size:13.5px;font-weight:600;font-family:var(--font);cursor:pointer;transition:all .15s;box-shadow:0 4px 16px #6c63ff4d}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #6c63ff66}.btn-primary:active:not(:disabled){transform:scale(.98)}.btn-primary:disabled{opacity:.4;cursor:not-allowed}.btn-secondary{padding:10px 18px;border-radius:10px;border:1px solid var(--border);background:var(--bg2);color:var(--t2);font-size:13.5px;font-weight:500;font-family:var(--font);cursor:pointer;transition:all .15s}.btn-secondary:hover{background:var(--bg3);color:var(--t1);border-color:var(--border2)}.theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.theme-option{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 10px 14px;border-radius:14px;border:1.5px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .2s;position:relative;overflow:hidden;font-family:var(--font)}.theme-option:hover{border-color:#6c63ff66;color:var(--t2);transform:translateY(-2px);background:var(--bg3)}.theme-option.active{border-color:#6c63ff80;color:var(--accent2);background:var(--accentd)}.theme-preview{display:flex;gap:3px;width:100%;height:32px;border-radius:8px;overflow:hidden;border:1px solid var(--border)}.theme-preview-swatch{flex:1}.theme-option-icon{color:inherit;opacity:.7;transition:opacity .15s,transform .15s}.theme-option:hover .theme-option-icon,.theme-option.active .theme-option-icon{opacity:1;transform:scale(1.1)}.theme-option-label{font-size:12.5px;font-weight:600;color:var(--t2);letter-spacing:.01em}.theme-option.active .theme-option-label{color:var(--accent2)}.theme-active-dot{position:absolute;top:8px;right:8px;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent),#8b5cf6);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 2px 8px #6c63ff66;animation:dotPop .2s cubic-bezier(.34,1.56,.64,1)}@keyframes dotPop{0%{transform:scale(0)}to{transform:scale(1)}}.welcome-wrap{flex:1;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;min-height:100%}.welcome-blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.12;animation:blobFloat 8s ease-in-out infinite;pointer-events:none}.blob-1{width:400px;height:400px;background:var(--accent);top:-100px;left:-100px;animation-delay:0s}.blob-2{width:300px;height:300px;background:var(--accent2);bottom:-80px;right:-80px;animation-delay:3s}.blob-3{width:250px;height:250px;background:#10d9a0;top:50%;left:60%;animation-delay:5s}@keyframes blobFloat{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.welcome-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:520px;padding:20px;gap:20px}.welcome-logo{display:flex;align-items:center;gap:10px}.welcome-logo-box{width:48px;height:48px;background:var(--accent);border-radius:12px;display:flex;align-items:center;justify-content:center}.welcome-logo-text{font-size:24px;font-weight:700;color:var(--t1);letter-spacing:-.02em}.welcome-logo-text em{font-style:normal;color:var(--accent2)}.welcome-title{font-size:36px;font-weight:700;color:var(--t1);line-height:1.2;margin:0;letter-spacing:-.02em}.welcome-highlight{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.welcome-sub{font-size:15px;color:var(--t3);line-height:1.65;margin:0;max-width:420px}.welcome-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center;margin-top:4px}.welcome-btn-primary{display:flex;align-items:center;gap:9px;padding:13px 24px;background:var(--accent);border:none;border-radius:12px;color:#fff;font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font);transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 20px #6c63ff59}.welcome-btn-primary:hover{background:#5550d4;transform:translateY(-2px);box-shadow:0 8px 28px #6c63ff73}.welcome-btn-primary:active{transform:scale(.98)}.welcome-btn-secondary{display:flex;align-items:center;gap:9px;padding:13px 24px;background:var(--bg2);border:1px solid var(--border2);border-radius:12px;color:var(--t1);font-size:15px;font-weight:500;cursor:pointer;font-family:var(--font);transition:all .15s;position:relative}.welcome-btn-secondary:hover{background:var(--bg3);border-color:var(--accent);transform:translateY(-2px)}.welcome-demo-tag{font-size:10px;font-weight:600;padding:2px 7px;background:#10d9a026;color:#10d9a0;border-radius:20px;letter-spacing:.05em}.welcome-features{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:8px}.welcome-feature{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--t3)}.welcome-feature svg{color:#10d9a0;flex-shrink:0}.prompt-bar{padding:13px 22px 15px;border-top:1px solid var(--border);background:var(--bg1);flex-shrink:0}.prompt-row{display:flex;gap:9px;align-items:flex-end;max-width:800px;margin:0 auto}.ws-pill{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;padding:4px 10px;border-radius:20px;border:1px solid;white-space:nowrap;flex-shrink:0;align-self:flex-end;margin-bottom:2px;font-family:var(--mono)}.ws-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.ws-open{color:var(--green);border-color:#10d9a033;background:#10d9a012}.ws-open .ws-dot{background:var(--green);animation:lpulse 2s infinite}.ws-connecting{color:var(--yellow);border-color:#f59e0b33;background:#f59e0b12}.ws-connecting .ws-dot{background:var(--yellow);animation:lpulse .8s infinite}.ws-closed{color:var(--t3);border-color:var(--border2);background:transparent}.ws-closed .ws-dot{background:var(--t3)}.ws-error{color:var(--red);border-color:#f8717133;background:#f8717112}.ws-error .ws-dot{background:var(--red)}.prompt-wrap{flex:1;display:flex;align-items:flex-end;gap:7px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r12);padding:9px 11px;transition:border-color .15s}.prompt-wrap:focus-within{border-color:var(--accent)}.prompt-wrap.disconnected{opacity:.55}.prompt-input{flex:1;background:none;border:none;outline:none;color:var(--t1);font-size:13.5px;font-family:var(--font);resize:none;min-height:24px;max-height:140px;line-height:1.55}.prompt-input::placeholder{color:var(--t3)}.prompt-input:disabled{cursor:not-allowed}.prompt-actions{display:flex;align-items:center;gap:5px;flex-shrink:0;padding-bottom:1px}.send-btn{width:42px;height:42px;border-radius:var(--r8);background:var(--accent);border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background .15s,transform .1s}.send-btn:hover:not(:disabled){background:#5550d4}.send-btn:active:not(:disabled){transform:scale(.95)}.send-btn:disabled{background:var(--bg3);cursor:not-allowed}.spin{width:15px;height:15px;border:2px solid rgba(255,255,255,.25);border-top-color:#fff;border-radius:50%;animation:spin .6s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.mode-slider{display:flex;align-items:center;gap:7px;flex-shrink:0;cursor:pointer;align-self:flex-end;margin-bottom:4px}.mode-slider-track{width:36px;height:20px;border-radius:20px;background:var(--bg3);border:1px solid var(--border2);position:relative;transition:all .25s}.mode-slider-track.active{background:#6c63ff40;border-color:#6c63ff80}.mode-slider-thumb{width:14px;height:14px;border-radius:50%;background:var(--t3);position:absolute;top:2px;left:2px;transition:all .25s}.mode-slider-track.active .mode-slider-thumb{left:18px;background:var(--accent2)}.mode-slider-label{font-size:11px;color:var(--t3);font-family:var(--mono);min-width:34px;transition:color .2s}.mode-slider:hover .mode-slider-label{color:var(--t2)}.prompt-footer{display:flex;align-items:center;justify-content:space-between;margin-top:7px;max-width:800px;margin-left:auto;margin-right:auto}.room-label{font-size:11px;color:var(--t3)}.room-id{font-family:var(--mono);font-size:10.5px;color:var(--t3)}.key-warn{background:#f59e0b14;border:1px solid rgba(245,158,11,.2);color:var(--yellow);font-size:11px;padding:3px 10px;border-radius:20px;font-family:var(--font);transition:all .15s;cursor:pointer}.key-warn:hover{background:#f59e0b26}.model-drop-wrap{position:relative;flex-shrink:0}.model-drop-btn{display:flex;align-items:center;gap:5px;padding:3px 8px;background:var(--bg3);border:1px solid var(--border2);border-radius:6px;color:var(--t2);font-size:10.5px;font-family:var(--font);cursor:pointer;transition:all .15s;white-space:nowrap}.model-drop-btn:hover:not(:disabled){border-color:var(--accent);color:var(--t1)}.model-drop-btn:disabled{opacity:.5;cursor:default}.model-drop-label{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-dropdown{position:absolute;bottom:calc(100% + 6px);left:0;background:var(--bg1);border:1px solid var(--border2);border-radius:var(--r8);padding:4px;min-width:180px;z-index:200;box-shadow:0 8px 24px #00000073;animation:ddIn .15s ease}.model-drop-header{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--t3);padding:5px 10px 4px}.model-drop-item{display:flex;align-items:center;gap:8px;padding:7px 10px;border-radius:6px;background:none;border:none;color:var(--t2);font-size:12px;font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .12s}.model-drop-item:hover{background:var(--bg2);color:var(--t1)}.model-drop-item.active{color:var(--accent2);background:var(--accentd)}.model-dot{width:6px;height:6px;border-radius:50%;background:var(--t3);flex-shrink:0}.model-drop-item.active .model-dot{background:var(--accent2)}.model-check{margin-left:auto;flex-shrink:0;color:var(--accent2)}.prompt-ws-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;margin-bottom:2px;align-self:flex-end;transition:background .3s}.prompt-ws-dot.ws-open{background:var(--green);box-shadow:0 0 6px #10d9a080;animation:lpulse 2s infinite}.prompt-ws-dot.ws-connecting{background:var(--yellow);animation:lpulse .8s infinite}.prompt-ws-dot.ws-closed{background:var(--t3)}.prompt-ws-dot.ws-error{background:var(--red)}@keyframes lpulse{0%,to{opacity:1}50%{opacity:.4}}.messages-wrap{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px}.msg-row{display:flex;gap:8px;max-width:100%}.msg-row.user{flex-direction:row-reverse}.msg-avatar{width:28px;height:28px;border-radius:8px;background:var(--bg3);color:var(--t3);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;flex-shrink:0;border:1px solid var(--border)}.msg-bubble{padding:10px 14px;border-radius:14px;font-size:13.5px;line-height:1.6;max-width:78%;color:var(--t1)}.msg-bubble.ai{background:var(--bg2);border:1px solid var(--border)}.msg-bubble.user{background:var(--accentd);border:1px solid var(--accent);color:var(--t1)}.msg-body p{margin:0 0 4px}.msg-body p:last-child{margin-bottom:0}.msg-ts{font-size:10px;color:var(--t3);margin-top:5px}.loading-bubble{opacity:.85}.loading-dots{display:inline-block;width:18px;letter-spacing:2px}.loading-error{border-color:#ef444466!important;color:var(--red, #ef4444)}.dashboard-card{display:flex;align-items:center;gap:10px;padding:2px 0}.dashboard-card-icon{font-size:18px;flex-shrink:0}.dashboard-card-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.dashboard-card-title{font-size:13px;font-weight:500;color:var(--t1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dashboard-card-sub{font-size:11px;color:var(--t3)}.dashboard-card-btn{background:var(--accentd);border:1px solid var(--accent);color:var(--accent2);padding:5px 11px;border-radius:7px;font-size:12px;font-family:var(--font);cursor:pointer;white-space:nowrap;flex-shrink:0;transition:all .15s}.dashboard-card-btn:hover{background:var(--accent);color:#fff}.db-root{display:flex;flex-direction:column;gap:18px;padding:20px;height:100%;min-height:0;overflow-y:auto;background:var(--bg0)}.kpi-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;flex-shrink:0}.kpi-card-wrap{position:relative;border-radius:14px;transition:all .2s;width:auto}.kpi-card-wrap.kpi-pinned{box-shadow:0 0 0 2px #10d9a066}.kpi-pin-btn{position:absolute;top:8px;right:8px;z-index:2;background:none;border:none;color:var(--t3);cursor:pointer;transition:all .15s;padding:2px;border-radius:4px}.kpi-card{background:var(--bg1);border:1px solid var(--border);border-radius:14px;padding:16px 14px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;transition:all .2s}.kpi-card:hover{border-color:#6c63ff40;transform:translateY(-2px);box-shadow:0 6px 20px #6c63ff14}.kpi-card-icon{width:32px;height:32px;border-radius:8px;background:linear-gradient(135deg,#6c63ff26,#10d9a01a);border:1px solid rgba(108,99,255,.15);display:flex;align-items:center;justify-content:center;color:var(--accent2)}.kpi-card-value{font-size:28px;font-weight:800;font-family:var(--mono);letter-spacing:-.03em;background:linear-gradient(135deg,var(--t1) 20%,var(--accent2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}.kpi-card-label{font-size:11px;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;font-weight:500}.kpi-card-bar{width:100%;height:3px;background:var(--bg3);border-radius:99px;overflow:hidden;margin-top:4px}.kpi-card-bar-fill{height:100%;width:70%;background:linear-gradient(90deg,#6c63ff,#10d9a0);border-radius:99px;animation:kpiBarIn .8s ease}@keyframes kpiBarIn{0%{width:0}to{width:70%}}.db-containers{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.chart-container{background:var(--bg1);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:border-color .2s,box-shadow .2s}.chart-container:hover{border-color:#6c63ff33;box-shadow:0 4px 20px #0000000f}.chart-container-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--border);background:var(--bg2)}.chart-container-nav-left{display:flex;align-items:center;gap:8px}.chart-container-label{font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}.chart-container-pinned-badge{display:flex;align-items:center;gap:4px;font-size:9.5px;font-weight:600;color:#10d9a0;background:#10d9a01a;padding:2px 7px;border-radius:99px;border:1px solid rgba(16,217,160,.2)}.chart-container-nav-right{display:flex;align-items:center;gap:6px}.chart-nav-arrow{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--bg1);color:var(--t3);cursor:pointer;transition:all .15s}.chart-nav-arrow:hover:not(:disabled){background:#6c63ff14;border-color:#6c63ff4d;color:var(--accent2)}.chart-nav-arrow:disabled{opacity:.2;cursor:not-allowed}.chart-nav-count{font-size:11px;color:var(--t3);font-family:var(--mono);min-width:30px;text-align:center}.chart-dots{display:flex;align-items:center;justify-content:center;gap:5px;padding:8px 14px 0}.chart-dot{width:6px;height:6px;border-radius:50%;background:var(--bg4);border:none;cursor:pointer;transition:all .2s;padding:0}.chart-dot.active{background:var(--accent);width:16px;border-radius:3px}.chart-dot.pinned{background:#10d9a0}.chart-dot.active.pinned{background:#10d9a0;width:16px}.chart-slide{padding:14px;display:flex;flex-direction:column;gap:10px;animation:slideIn .2s ease;overflow:hidden}@keyframes slideIn{0%{opacity:0;transform:translate(6px)}to{opacity:1;transform:none}}.chart-slide-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.chart-slide-head-left{display:flex;align-items:center;gap:6px;min-width:0;flex:1}.chart-slide-head-right{display:flex;align-items:center;gap:4px;flex-shrink:0}.chart-slide-title{font-size:12.5px;font-weight:500;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chart-slide-counter{font-size:10px;color:var(--t3);font-family:var(--mono);padding:0 3px}.chart-pin-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s}.chart-pin-btn:hover{border-color:#10d9a0;color:#10d9a0;background:#10d9a014}.chart-pin-btn.pinned{border-color:#10d9a066;color:#10d9a0;background:#10d9a01a}.db-stat{display:flex;flex-direction:column;gap:3px;padding:8px 9px;border-radius:10px;background:var(--bg2);border:1px solid var(--border);position:relative;overflow:hidden}.db-stat:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--stat-color, rgba(108, 99, 255, .5))}.db-stat-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0;margin-bottom:1px}.db-stat-label{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:var(--t3)}.db-stat-val{font-size:13px;font-weight:700;color:var(--t1);font-family:var(--mono);letter-spacing:-.01em}.db-chart-area{min-height:220px;height:220px;position:relative}.db-reason{display:flex;align-items:flex-start;gap:6px;font-size:10.5px;color:var(--t3);line-height:1.55;padding:7px 10px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);flex-shrink:0}.db-type-chip{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--accent2);background:#6c63ff1a;border:1px solid rgba(108,99,255,.2);padding:2px 6px;border-radius:4px;flex-shrink:0}.db-menu-root{display:contents}.db-menu-wrap{position:relative}.db-dots-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:7px;border:1px solid transparent;background:none;color:var(--t3);cursor:pointer;transition:all .15s}.db-dots-btn:hover{background:var(--bg3);border-color:var(--border);color:var(--t1)}.db-dropdown{position:absolute;right:0;top:calc(100% + 5px);background:var(--bg1);border:1px solid var(--border2);border-radius:12px;padding:5px;min-width:170px;z-index:200;box-shadow:0 16px 40px #00000026;animation:dbDdIn .15s ease}@keyframes dbDdIn{0%{opacity:0;transform:translateY(-5px) scale(.97)}to{opacity:1;transform:none}}.db-dd-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;border:none;background:none;color:var(--t2);font-size:12px;font-family:var(--font);cursor:pointer;width:100%;text-align:left;transition:all .12s}.db-dd-item:hover{background:var(--bg2);color:var(--t1)}.db-dd-divider{height:1px;background:var(--border);margin:3px 0}.db-drawer{position:static;width:100%;border-radius:10px;background:var(--bg2);border:1px solid var(--border);overflow:hidden;flex-shrink:0;animation:dbDdIn .15s ease;margin-top:0}.db-drawer-sql{border-color:#6c63ff33}.db-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:7px 11px;border-bottom:1px solid var(--border);font-size:10px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em}.db-drawer-head button{background:none;border:none;color:var(--t3);cursor:pointer;padding:2px;border-radius:4px;transition:all .15s;font-size:13px}.db-drawer-head button:hover{color:var(--t1);background:var(--bg3)}.db-inline-sql-pre{padding:7px 10px;font-size:10px;font-family:var(--mono);color:var(--accent2);overflow-x:auto;white-space:nowrap;word-break:normal;margin:0;line-height:1.5;max-height:36px}.db-drawer-text{padding:10px 12px;font-size:12.5px;color:var(--t2);margin:0;line-height:1.6}.compare-screen{display:flex;flex-direction:column;height:100%;overflow-y:auto;background:var(--bg0);padding:24px;gap:24px;animation:slideIn .2s ease}.compare-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-shrink:0}.compare-header-left{display:flex;align-items:center;gap:14px}.compare-header-icon{width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#6c63ff26,#6c63ff0d);border:1px solid rgba(108,99,255,.2);display:flex;align-items:center;justify-content:center;color:var(--accent2)}.compare-title{font-size:18px;font-weight:700;color:var(--t1);margin-bottom:3px}.compare-sub{font-size:12px;color:var(--t3)}.compare-close-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:9px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s;flex-shrink:0}.compare-close-btn:hover{color:var(--t1);background:var(--bg3)}.compare-section-label{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.compare-section-count{background:var(--bg3);color:var(--t3);font-size:10px;padding:1px 7px;border-radius:99px}.compare-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:32px;text-align:center;color:var(--t3);font-size:13px;background:var(--bg1);border:1px dashed var(--border2);border-radius:14px}.compare-pinned-grid{display:flex;gap:10px;overflow-x:auto;padding-bottom:6px}.compare-pinned-grid::-webkit-scrollbar{height:3px}.compare-chart-card{flex-shrink:0;width:160px;background:var(--bg1);border:1.5px solid var(--border);border-radius:12px;padding:12px;cursor:pointer;transition:all .2s;position:relative;text-align:left;font-family:var(--font)}.compare-chart-card:hover:not(.disabled){border-color:#6c63ff66;transform:translateY(-2px);box-shadow:0 6px 20px #6c63ff1a}.compare-chart-card.selected{border-color:#6c63ff99;background:#6c63ff0f}.compare-chart-card.disabled{opacity:.4;cursor:not-allowed}.compare-selected-badge{position:absolute;top:-6px;right:-6px;width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;box-shadow:0 2px 8px #6c63ff66}.compare-card-type{font-size:9px;font-weight:700;letter-spacing:.08em;color:var(--accent2);margin-bottom:4px}.compare-card-title{font-size:11.5px;font-weight:600;color:var(--t1);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-bottom:8px}.compare-card-preview{height:44px;display:flex;align-items:flex-end;gap:3px;margin-bottom:8px}.compare-mini-bars{display:flex;align-items:flex-end;gap:3px;width:100%}.compare-mini-bar{flex:1;border-radius:2px 2px 0 0;min-width:8px;transition:height .3s}.compare-card-query{font-size:10px;color:var(--t3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;line-height:1.4}.compare-view{border-radius:16px;overflow:hidden;border:1px solid var(--border);background:var(--bg1)}.compare-view-label{padding:10px 16px;font-size:11px;font-weight:600;color:var(--t3);text-transform:uppercase;letter-spacing:.08em;border-bottom:1px solid var(--border);background:var(--bg2)}.compare-charts-row{display:grid;grid-template-columns:1fr 1fr;gap:0}.compare-chart-panel{padding:16px;display:flex;flex-direction:column;gap:12px}.compare-chart-panel:first-child{border-right:1px solid var(--border)}.compare-panel-head{display:flex;align-items:center;gap:8px}.compare-panel-num{width:20px;height:20px;border-radius:50%;background:var(--accent);color:#fff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.compare-panel-title{font-size:13px;font-weight:600;color:var(--t1);flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-chart-area{min-height:260px;position:relative}.compare-panel-stats{display:flex;gap:8px}.compare-stat{flex:1;padding:8px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);display:flex;flex-direction:column;gap:2px;text-align:center}.compare-stat span{font-size:9px;color:var(--t3);text-transform:uppercase;letter-spacing:.06em}.compare-stat strong{font-size:13px;font-weight:700;color:var(--t1);font-family:var(--mono)}.compare-panel-query{display:flex;align-items:flex-start;gap:5px;font-size:10.5px;color:var(--t3);line-height:1.5;padding:6px 9px;border-radius:7px;background:var(--bg2);border:1px solid var(--border)}.compare-hint{text-align:center;font-size:12.5px;color:var(--t3);padding:12px;background:var(--bg1);border:1px dashed var(--border2);border-radius:10px}.db-dd-delete{color:var(--red, #ef4444)!important}.db-dd-delete:hover{background:#ef444414!important}.db-dd-confirm{padding:8px 10px;display:flex;flex-direction:column;gap:8px}.db-dd-confirm span{font-size:11.5px;color:var(--t2)}.db-dd-confirm-btns{display:flex;gap:6px}.db-dd-confirm-yes{flex:1;padding:5px;border-radius:6px;border:none;background:#ef444426;color:#ef4444;font-size:12px;font-family:var(--font);cursor:pointer}.db-dd-confirm-yes:hover{background:#ef444440}.db-dd-confirm-no{flex:1;padding:5px;border-radius:6px;border:1px solid var(--border);background:var(--bg2);color:var(--t2);font-size:12px;font-family:var(--font);cursor:pointer}.db-inline-drawer{margin:4px 0 2px;border-radius:8px;background:var(--bg2);border:1px solid var(--border);overflow:hidden}.db-inline-drawer-sql{border-color:#6c63ff33}.db-inline-drawer-text{padding:8px 10px;font-size:12px;color:var(--t2);margin:0;line-height:1.5;max-height:80px;overflow-y:auto}.db-inline-sql-pre{padding:8px 10px;font-size:10.5px;font-family:var(--mono);color:var(--accent2);overflow-x:auto;white-space:pre;margin:0;line-height:1.5;max-height:120px;overflow-y:auto}.db-dropdown{position:fixed;background:var(--bg1);border:1px solid var(--border2);border-radius:12px;padding:5px;min-width:260px;max-width:320px;z-index:9999;box-shadow:0 20px 60px #0003,0 0 0 1px #6c63ff1a;animation:dbDdIn .15s ease}.info-popup-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .15s ease}.info-popup{width:1000px;max-width:90vw;max-height:80vh;background:var(--bg1);border:1px solid var(--border2);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 24px 60px #0000004d;animation:modalIn .2s ease}.info-popup-head{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.info-popup-head-left{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--t1)}.info-popup-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s}.info-popup-close:hover{color:var(--t1);background:var(--bg3)}.info-popup-sql{padding:16px;font-size:12.5px;font-family:var(--mono);color:var(--accent2);margin:0;line-height:1.7;overflow:auto;white-space:pre-wrap;word-break:break-all;background:var(--bg2);flex:1}.info-popup-text{padding:16px;font-size:14px;color:var(--t1);margin:0;line-height:1.7;overflow:auto;flex:1}.chart-container-pinned{border-color:#6c63ff66!important;box-shadow:0 0 0 1px #6c63ff26,0 8px 32px #6c63ff1a!important}.chart-container-pin-accent{position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#6c63ff,#10d9a0);border-radius:16px 16px 0 0;pointer-events:none}.chart-container-num{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:5px;background:#6c63ff26;color:var(--accent2);font-size:10px;font-weight:700;margin-right:4px}.chart-pin-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s}.chart-pin-btn:hover{border-color:#6c63ff66;color:var(--accent2);background:#6c63ff14}.chart-pin-btn.pinned{border-color:#10d9a066;color:#10d9a0;background:#10d9a01a;box-shadow:0 0 8px #10d9a033}.kpi-card{position:relative}.kpi-card-pinned{border-color:#10d9a066!important;box-shadow:0 0 0 1px #10d9a026,0 4px 20px #10d9a014!important}.kpi-pin-btn{position:absolute;top:8px;right:8px;background:none;border:none;color:var(--t3);cursor:pointer;padding:3px;border-radius:4px;transition:all .15s}.kpi-pin-btn:hover{color:var(--accent2)}.kpi-pin-btn.pinned{color:#10d9a0}.chat-dashboard-split{display:flex;height:100%;overflow:hidden}.no-select *{-webkit-user-select:none;user-select:none}.split-dashboard-col{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}.split-dashboard{flex:1;overflow-y:auto;min-height:0}.split-no-charts{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}.split-no-charts p{font-size:14px;font-weight:500;color:var(--t2);margin:0}.split-no-charts span{font-size:12px;color:var(--t3)}.no-charts-upload-btn{display:flex;align-items:center;gap:6px;margin-top:8px;padding:8px 16px;border-radius:8px;border:1px dashed var(--border2);background:var(--bg2);color:var(--t2);font-size:12px;font-family:var(--font);cursor:pointer;transition:all .15s}.no-charts-upload-btn:hover{border-color:var(--accent);color:var(--accent2);background:var(--accentd)}.no-charts-file-badge{display:flex;align-items:center;gap:5px;margin-top:8px;padding:5px 12px;border-radius:99px;background:#10d9a01a;border:1px solid rgba(16,217,160,.2);color:#10d9a0;font-size:11.5px}.split-resize-handle{width:5px;cursor:col-resize;background:transparent;flex-shrink:0;transition:background .15s}.split-resize-handle:hover{background:#6c63ff33}.split-chat-drawer{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border);background:var(--bg1);flex-shrink:0;overflow:hidden}.split-chat-header{display:flex;align-items:center;justify-content:space-between;padding:9px 12px;border-bottom:1px solid var(--border);flex-shrink:0}.split-chat-header-left{display:flex;align-items:center;gap:7px;font-size:13px;font-weight:500;color:var(--t1)}.split-chat-header-right{display:flex;align-items:center;gap:6px}.chat-upload-btn{display:flex;align-items:center;gap:5px;padding:4px 9px;border-radius:6px;border:1px solid var(--border);background:var(--bg2);color:var(--t3);font-size:11px;font-family:var(--font);cursor:pointer;transition:all .15s;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-upload-btn:hover{border-color:var(--accent);color:var(--accent2);background:var(--accentd)}.split-chat-close-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:6px;border:none;background:none;color:var(--t3);cursor:pointer;transition:all .15s}.split-chat-close-btn:hover{color:var(--t1);background:var(--bg3)}.split-chat-messages{flex:1;overflow-y:auto;min-height:0}.chat-empty-state{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px;text-align:center}.chat-empty-state p{font-size:13px;color:var(--t2);margin:0}.chat-chips{display:flex;flex-direction:column;gap:6px;width:100%}.chat-chip{padding:8px 12px;border-radius:8px;border:1px solid var(--border);background:var(--bg2);color:var(--t2);font-size:12px;font-family:var(--font);cursor:pointer;text-align:left;transition:all .15s}.chat-chip:hover{background:var(--accentd);border-color:var(--accent);color:var(--accent2)}.split-chat-prompt{padding:10px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg1)}.upload-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;z-index:200;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.upload-modal{width:380px;max-width:90vw;background:var(--bg1);border:1px solid var(--border2);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:16px;box-shadow:0 24px 60px #000000b3;animation:modalIn .2s ease;position:relative;z-index:201}@keyframes modalIn{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}.upload-modal-head{display:flex;align-items:center;justify-content:space-between}.upload-modal-title{display:flex;align-items:center;gap:7px;font-size:14px;font-weight:600;color:var(--t1)}.upload-modal-close{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;border:none;background:var(--bg2);color:var(--t3);cursor:pointer;transition:all .15s}.upload-modal-close:hover{color:var(--t1);background:var(--bg3)}.upload-drop-zone{border:1.5px dashed var(--border2);border-radius:12px;padding:36px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;cursor:pointer;transition:all .2s;text-align:center;background:var(--bg2);min-height:160px}.upload-drop-zone:hover{border-color:var(--accent);background:var(--accentd)}.upload-drop-zone.has-file{border-color:#10d9a066;background:#10d9a00d}.upload-drop-icon{color:var(--t3);opacity:.45}.upload-drop-text{font-size:13.5px;font-weight:500;color:var(--t2)}.upload-drop-sub{font-size:11.5px;color:var(--t3)}.upload-file-icon{color:#10d9a0}.upload-file-name{font-size:13px;font-weight:500;color:var(--t1);word-break:break-all}.upload-file-size{font-size:11px;color:var(--t3)}.upload-confirm-btn{width:100%;padding:12px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;transition:background .15s,opacity .15s;margin-top:4px}.upload-confirm-btn:hover:not(:disabled){background:#5550d4}.upload-confirm-btn:disabled{opacity:.35;cursor:not-allowed}.upload-progress-wrap{display:flex;flex-direction:column;align-items:center;gap:12px;padding:10px 0;text-align:center}.upload-progress-icon{color:var(--accent)}.upload-progress-name{font-size:13px;font-weight:500;color:var(--t1);word-break:break-all}.upload-progress-size{font-size:11px;color:var(--t3)}.upload-bar-track{width:100%;height:7px;background:var(--bg3);border-radius:99px;overflow:hidden}.upload-bar-fill{height:100%;background:linear-gradient(90deg,var(--accent),var(--accent2));border-radius:99px;transition:width .35s ease}.upload-progress-stats{display:flex;justify-content:space-between;width:100%;font-size:11px;color:var(--t3);font-family:var(--mono)}.upload-progress-label{font-size:11.5px;color:var(--t3);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.upload-done-wrap{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 0;text-align:center}.upload-done-text{font-size:15px;font-weight:600;color:#10d9a0}.upload-done-sub{font-size:12px;color:var(--t3)}.upload-error-wrap{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 0;text-align:center}.upload-error-text{font-size:15px;font-weight:600;color:var(--red)}.upload-retry-btn{padding:7px 20px;border-radius:8px;border:1px solid var(--border2);background:var(--bg2);color:var(--t2);font-size:12.5px;font-family:var(--font);cursor:pointer;transition:all .15s}.upload-retry-btn:hover{background:var(--bg3);color:var(--t1)}.prompt-bar{padding:8px 10px 10px;border-top:1px solid var(--border);background:var(--bg1);flex-shrink:0;min-width:0;overflow:hidden}.prompt-row{display:flex;gap:6px;align-items:flex-end;width:100%;min-width:0}.prompt-wrap{flex:1;display:flex;align-items:flex-end;gap:6px;background:var(--bg2);border:1px solid var(--border2);border-radius:var(--r12);padding:7px 9px;transition:border-color .15s;min-width:0;overflow:hidden}.model-drop-label{max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.split-chat-drawer{display:flex;flex-direction:column;height:100%;border-left:1px solid var(--border);background:var(--bg1);flex-shrink:0;overflow:hidden;min-width:0}.split-chat-messages{flex:1;overflow-y:auto;min-height:0;overflow-x:hidden}.split-chat-prompt{padding:8px;border-top:1px solid var(--border);flex-shrink:0;background:var(--bg1);min-width:0;overflow:hidden}