*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica Neue,Arial,sans-serif;color:#e6e9ef;background:#0b0e14;font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:#7aa2f7;text-decoration:none}a:hover{text-decoration:underline}button{font-family:inherit;cursor:pointer}.shell{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:#0f1320;border-right:1px solid #1b2136;padding:20px 16px;display:flex;flex-direction:column}.brand{font-size:20px;font-weight:700;letter-spacing:-.5px;padding:4px 8px 20px;border-bottom:1px solid #1b2136;margin-bottom:16px;background:linear-gradient(90deg,#7aa2f7,#bb9af7);-webkit-background-clip:text;background-clip:text;color:transparent}.nav{display:flex;flex-direction:column;gap:2px}.nav a{color:#a0a8bd;padding:10px 12px;border-radius:6px;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav a.active,.nav a:hover{background:#1b2136;color:#e6e9ef;text-decoration:none}.sidebar-foot{margin-top:auto;padding-top:16px;border-top:1px solid #1b2136;font-size:12px;color:#6b738c}.sidebar-foot .balance{font-size:16px;color:#9ece6a;font-weight:600;margin-top:4px}.logout-btn{margin-top:8px;background:none;border:1px solid #1b2136;color:#a0a8bd;padding:6px 10px;border-radius:6px;font-size:12px;width:100%}.logout-btn:hover{background:#1b2136;color:#e6e9ef}.main{padding:28px 36px;overflow-y:auto;min-width:0}.page-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #1b2136}.page-head h1{margin:0;font-size:24px;font-weight:600;letter-spacing:-.5px}.page-head p.subtitle{margin:4px 0 0;color:#8892b0;font-size:13px}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:28px}.card{background:#0f1320;border:1px solid #1b2136;border-radius:10px;padding:18px}.card .label{font-size:12px;color:#8892b0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.card .value{font-size:24px;font-weight:600;letter-spacing:-.5px}.card .delta{font-size:12px;margin-top:4px}.card .delta.up{color:#9ece6a}.card .delta.down{color:#f7768e}.section{background:#0f1320;border:1px solid #1b2136;border-radius:10px;padding:20px;margin-bottom:20px}.section h2{margin:0 0 16px;font-size:16px;font-weight:600}.login-wrap{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:20px}.login-card{background:#0f1320;border:1px solid #1b2136;border-radius:12px;padding:32px;width:100%;max-width:380px}.login-card h1{margin:0 0 4px;text-align:center;font-size:28px}.login-card .subtitle{text-align:center;color:#8892b0;margin:0 0 24px;font-size:13px}label{display:block;margin-bottom:8px;font-size:13px;color:#a0a8bd;font-weight:500}input[type=text],input[type=email],input[type=password],select,textarea{width:100%;padding:10px 12px;background:#0b0e14;border:1px solid #1b2136;border-radius:6px;color:#e6e9ef;font-size:14px;font-family:inherit}input:focus,select:focus,textarea:focus{outline:none;border-color:#7aa2f7}.field{margin-bottom:16px}.btn{background:#7aa2f7;color:#0b0e14;border:none;padding:10px 16px;border-radius:6px;font-weight:600;font-size:14px;transition:background .15s}.btn:hover:not(:disabled){background:#89b4f8}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.btn-full{width:100%}.btn.btn-ghost{background:transparent;color:#e6e9ef;border:1px solid #1b2136}.btn.btn-ghost:hover:not(:disabled){background:#1b2136}.btn.btn-sm{padding:6px 12px;font-size:12px}.btn.btn-danger{background:#f7768e;color:#0b0e14}.error{color:#f7768e;background:#f7768e14;border:1px solid rgba(247,118,142,.25);padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}.info{color:#7aa2f7;background:#7aa2f70f;border:1px solid rgba(122,162,247,.2);padding:10px 12px;border-radius:6px;font-size:13px;margin-bottom:12px}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid #1b2136;font-size:13px}th{color:#8892b0;font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.5px}tr:hover td{background:#131729}.chat-shell{display:grid;grid-template-rows:auto 1fr auto;height:calc(100vh - 60px);gap:12px}.chat-context{display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#0f1320;border:1px solid #1b2136;border-radius:10px;padding:12px 16px}.chat-messages{overflow-y:auto;padding:4px}.msg{max-width:78%;padding:12px 16px;border-radius:12px;margin-bottom:10px;white-space:pre-wrap;word-wrap:break-word;line-height:1.55}.msg.user{background:#7aa2f7;color:#0b0e14;margin-left:auto;border-bottom-right-radius:4px}.msg.assistant{background:#1b2136;border:1px solid #252b45;border-bottom-left-radius:4px}.msg.assistant code{background:#0b0e14;padding:2px 6px;border-radius:4px;font-size:12px}.msg.assistant pre{background:#0b0e14;padding:12px;border-radius:6px;overflow-x:auto;font-size:12px}.action-card{background:linear-gradient(135deg,#1b2136,#0f1320);border:1px solid #bb9af7;border-radius:10px;padding:14px 16px;margin:10px 0;max-width:78%}.action-card .action-type{display:inline-block;background:#bb9af7;color:#0b0e14;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;margin-bottom:8px}.action-card .platform-badge{margin-left:6px;background:#1b2136;color:#7aa2f7;padding:2px 8px;border-radius:4px;font-size:11px}.action-card .target{font-weight:600;font-size:14px;margin:4px 0}.action-card .reason{color:#a0a8bd;font-size:13px;margin:6px 0 12px}.action-card .actions-row{display:flex;gap:8px}.quick-prompts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.quick-prompts button{background:#1b2136;color:#e6e9ef;border:1px solid #252b45;padding:6px 12px;border-radius:20px;font-size:12px}.quick-prompts button:hover{background:#252b45}.chat-input-row{display:flex;gap:8px}.chat-input-row textarea{flex:1;resize:none;min-height:60px}.empty{text-align:center;padding:60px 20px;color:#8892b0;border:2px dashed #1b2136;border-radius:10px}.empty h3{color:#e6e9ef;margin:0 0 8px}.muted{color:#8892b0}.mt-0{margin-top:0}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.flex{display:flex}.flex-1{flex:1}.gap-1{gap:8px}.gap-2{gap:16px}.items-center{align-items:center}.justify-between{justify-content:space-between}.badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.3px}.badge.connected{background:#9ece6a1f;color:#9ece6a}.badge.expired{background:#f7768e1f;color:#f7768e}.badge.error{background:#e0af681f;color:#e0af68}@media (max-width: 768px){.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;grid-row:1;border-right:none;border-bottom:1px solid #1b2136;padding:12px 16px}.main{padding:20px}.msg,.action-card{max-width:92%}}