:root{--blue:#2e6bf2;--blue-tint:#eaf1fe;--green:#22a971;--green-tint:#e9f8f1;--orange:#e8813a;--orange-tint:#fdf0e6;--red:#ef4444;--red-tint:#fef2f2;--purple:#2e6bf2;--purple-tint:#eaf1fe;--ink:#111827;--sub:#6b7280;--line:#e7e9ee;--bg:#f7f8fa;--white:#fff;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--shadow-sm:0 1px 2px #0000000a;--shadow-md:0 4px 12px #0000000f;--shadow-lg:0 8px 24px #00000014;--transition:all .15s ease;--font:"Inter", ui-sans-serif, system-ui, -apple-system, sans-serif}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.4}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}.app-shell{width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;overflow:hidden}.topbar{z-index:100;background:var(--white);flex-shrink:0;position:sticky;top:0;box-shadow:0 1px 3px #0000000d}.main-content__body{background:#f7f8fa;flex:1;padding:16px 24px 24px;overflow-y:auto}.sidebar{background:#0350a5;border-right:1px solid #ffffff1a;flex-direction:column;flex-shrink:0;justify-content:space-between;width:260px;height:100vh;padding:12px 10px;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar__nav{flex-direction:column;gap:2px;margin-top:0;display:flex}.sidebar__nav-btn{border-radius:var(--radius-sm);color:#ffffffd9;width:100%;transition:var(--transition);text-align:left;align-items:center;gap:10px;padding:8px 10px;font-size:13px;font-weight:500;display:flex}.sidebar__nav-btn:hover{color:#fff;background:#ffffff0f}.sidebar__nav-btn--active{font-weight:600;color:#fff!important;background:#ffffff29!important}.sidebar__nav-label{flex:1}.topbar{border-bottom:1px solid var(--line);background:var(--white);justify-content:space-between;align-items:center;padding:6px 24px;display:flex}.topbar-icon-hover:hover{background:#0000000a}.topbar__copilot-btn{background:var(--white);border:1px solid var(--line);width:40px;height:40px;color:var(--sub);box-shadow:var(--shadow-sm);border-radius:12px;justify-content:center;align-items:center;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.topbar__copilot-btn:after{content:"";border:2px solid #0000;border-radius:12px;transition:all .2s;position:absolute;inset:-1px}.topbar__copilot-btn:hover{color:var(--blue);border-color:var(--blue);transform:translateY(-1px);box-shadow:0 0 10px #2e6bf226}.topbar__copilot-btn:hover .topbar__copilot-icon{animation:.6s ease-in-out infinite botWiggle}.topbar__copilot-btn--active{box-shadow:0 0 14px #2e6bf240;color:var(--white)!important;background:var(--blue)!important;border-color:var(--blue)!important}.topbar__copilot-btn--active:after{border-color:var(--blue);animation:2s infinite botRadarPulse}@keyframes botWiggle{0%{transform:rotate(0)}25%{transform:rotate(-10deg)scale(1.05)}75%{transform:rotate(10deg)scale(1.05)}to{transform:rotate(0)}}@keyframes botRadarPulse{0%{opacity:.8;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}h1{letter-spacing:-.02em;color:var(--ink);margin:12px 0 4px;font-size:21px;font-weight:800}h2{letter-spacing:-.01em;margin:0 0 6px;font-size:15px;line-height:1.25}p{margin:0}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-md);transition:var(--transition);padding:16px}.card:hover{box-shadow:var(--shadow-sm)}.grid-2{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (width<=1024px){.grid-2{grid-template-columns:1fr}}.token-tracker{border-radius:var(--radius-md);color:#fff;background:#ffffff0d;border:1px solid #ffffff1f;padding:8px}.token-tracker__header{align-items:center;gap:6px;margin-bottom:6px;display:flex}.token-tracker__icon{border-radius:var(--radius-sm);background:#ffffff1a;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.token-tracker__title{color:#fff;font-size:10.5px;font-weight:700}.token-tracker__sub{color:#ffffff80;font-size:8.5px}.token-tracker__body{align-items:center;gap:10px;display:flex}.token-tracker__donut{flex-shrink:0;width:48px;height:48px;position:relative}.token-tracker__arc{transition:stroke-dasharray .5s}.token-tracker__donut-label{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.token-tracker__donut-value{color:#fff;font-size:10px;font-weight:700;line-height:1}.token-tracker__donut-unit{color:#ffffff73;margin-top:1px;font-size:7.5px}.token-tracker__legend{flex-direction:column;flex:1;gap:3px;display:flex}.token-tracker__legend-row{justify-content:space-between;align-items:center;display:flex}.token-tracker__legend-left{align-items:center;gap:4px;display:flex}.token-tracker__dot{border-radius:50%;width:5px;height:5px}.token-tracker__legend-label{color:#ffffffa6;font-size:9px}.token-tracker__legend-value{color:#fff;font-size:9.5px;font-weight:600}.token-tracker__ratio{border-top:1px dashed #ffffff26;justify-content:space-between;align-items:center;padding-top:2px;display:flex}.token-tracker__ratio-value{color:#fffc;font-size:8.5px;font-weight:500}.spinner{border:3.5px solid var(--line);border-top-color:var(--blue);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.copilot-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:100;background:#1118271f;animation:.2s ease-out fadeIn;position:fixed;inset:0}.copilot-drawer{background:var(--white);border-left:1px solid var(--line);width:480px;box-shadow:var(--shadow-lg);z-index:101;border-top-left-radius:24px;border-bottom-left-radius:24px;flex-direction:column;transition:transform .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(100%)}.copilot-drawer--open{transform:translate(0)}.copilot-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:12px 16px;display:flex}.copilot-body{background:#fafbfc;flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.copilot-bubble-ai{background:var(--white);border:1px solid var(--line);max-width:92%;box-shadow:var(--shadow-sm);text-align:left;border-radius:4px 10px 10px;align-self:flex-start;padding:10px 14px}.copilot-bubble-user{background:var(--blue-tint);color:var(--ink);text-align:left;border:1px solid #2e6bf21f;border-radius:10px 4px 10px 10px;align-self:flex-end;max-width:92%;padding:8px 12px;font-size:12.5px}.copilot-prompt-pill{background:var(--white);border:1px solid var(--line);color:var(--blue);transition:var(--transition);cursor:pointer;border-radius:14px;padding:4px 10px;font-size:11px;font-weight:500}.copilot-prompt-pill:hover{background:var(--blue-tint);border-color:var(--blue)}.copilot-footer{border-top:1px solid var(--line);padding:12px 16px}.copilot-input-wrap{border:1px solid var(--line);background:#fafbfc;border-radius:8px;align-items:center;padding:6px 10px;display:flex}.copilot-textarea{resize:none;background:0 0;border:none;outline:none;flex:1;max-height:70px;font-family:inherit;font-size:12.5px}.copilot-send-btn{color:var(--blue);cursor:pointer;padding:4px;transition:opacity .2s;display:flex}.copilot-send-btn:disabled{opacity:.3;cursor:default}.loading-spinner{align-items:center;gap:6px;display:flex}.loading-spinner__icon{animation:1s linear infinite spin}.loading-spinner__text{color:var(--sub);font-size:12px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.btn-light-hover:hover{background:var(--bg)!important;border-color:var(--sub)!important}.btn-orange-hover:hover{background:var(--orange)!important;color:#fff!important}.btn-purple-hover:hover{background:var(--blue)!important;color:#fff!important}.btn-green-hover:hover{background:var(--green)!important;color:#fff!important}.btn-danger-hover:hover{background:var(--red)!important;color:#fff!important}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#00000040}.sidebar::-webkit-scrollbar-thumb{background:#fff3}.sidebar::-webkit-scrollbar-thumb:hover{background:#ffffff59}*{scrollbar-width:thin;scrollbar-color:#00000026 transparent}.sidebar{scrollbar-color:#fff3 transparent}