:root{--background:#0f172a;--foreground:#f8fafc;--card-bg:rgba(30,41,59,.7);--card-border:hsla(0,0%,100%,.08);--sidebar-bg:rgba(15,23,42,.85);--accent:#6366f1;--accent-hover:#4f46e5;--success:#10b981;--danger:#ef4444;--muted:#94a3b8;--border-radius:16px;--font-inter:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-inter);overflow-x:hidden;min-height:100vh}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:rgba(15,23,42,.3)}::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.6)}.sidebar{width:260px;background:var(--sidebar-bg);border-right:1px solid var(--card-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:fixed;top:0;bottom:0;left:0;padding:24px;display:flex;flex-direction:column;z-index:100}.main-content{margin-left:260px;padding:40px;min-height:100vh}.logo{font-size:24px;font-weight:800;letter-spacing:-.5px;background:linear-gradient(135deg,#818cf8,#c084fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:40px;align-items:center}.logo,.nav-links{display:flex;gap:8px}.nav-links{list-style:none;flex-direction:column}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-weight:500;transition:all .2s ease;color:var(--muted);cursor:pointer}.nav-item:hover{background:rgba(99,102,241,.1);color:var(--foreground)}.nav-item.active{background:var(--accent);color:var(--foreground);box-shadow:0 4px 14px rgba(99,102,241,.4)}.grid-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:24px;gap:24px;margin-bottom:40px}.stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);padding:24px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);position:relative;overflow:hidden;transition:transform .2s ease}.stat-card:hover{transform:translateY(-2px)}.stat-title{font-size:14px;color:var(--muted);font-weight:600;text-transform:uppercase;margin-bottom:8px}.stat-value{font-size:28px;font-weight:800;color:var(--foreground)}.chat-container{display:flex;height:calc(100vh - 140px);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--border-radius);overflow:hidden}.chat-threads{width:320px;border-right:1px solid var(--card-border);display:flex;flex-direction:column}.chat-thread-item{padding:16px;border-bottom:1px solid var(--card-border);cursor:pointer;transition:background .2s ease}.chat-thread-item:hover{background:hsla(0,0%,100%,.03)}.chat-thread-item.active{background:rgba(99,102,241,.15)}.chat-messages,.chat-messages-list{flex:1 1;display:flex;flex-direction:column}.chat-messages-list{padding:24px;overflow-y:auto;gap:16px}.message-bubble{max-width:60%;padding:12px 16px;border-radius:12px;line-height:1.5}.message-bubble.user{background:hsla(0,0%,100%,.1);align-self:flex-start}.message-bubble.assistant{background:var(--accent);align-self:flex-end}.message-bubble.system{background:hsla(0,0%,100%,.05);border:1px dashed hsla(0,0%,100%,.15);color:var(--muted);align-self:center;font-size:13px;max-width:80%;text-align:center}.chat-input-area{padding:16px;border-top:1px solid var(--card-border);display:flex;gap:12px}.input-field{flex:1 1;background:rgba(15,23,42,.5);border:1px solid var(--card-border);border-radius:12px;padding:12px 16px;color:var(--foreground);outline:none;font-family:inherit}.input-field:focus{border-color:var(--accent)}.btn{background:var(--accent);color:var(--foreground);border:none;border-radius:12px;padding:12px 24px;font-weight:600;cursor:pointer;transition:background .2s ease}.btn:hover{background:var(--accent-hover)}.btn-secondary{background:hsla(0,0%,100%,.1)}.btn-secondary:hover{background:hsla(0,0%,100%,.15)}