:root{--bg:#050511;--panel:rgba(20,25,50,.75);--panel-hover:rgba(30,35,70,.85);--text:#fff;--text-dim:#94a3b8;--brand:#00f2ff;--brand-secondary:#7000ff;--brand-glow:rgba(0,242,255,.5);--success:#00ff9d;--danger:#ff0055;--border:rgba(255,255,255,.12);--border-hover:rgba(0,242,255,.5);--shadow:0 15px 40px -10px rgba(0,0,0,.8);--radius-lg:24px;--radius-md:16px;--trans:.25s cubic-bezier(.34,1.56,.64,1)}*,*:before,*:after{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;background:radial-gradient(circle at 10% -10%,rgba(112,0,255,.35),transparent 40%),radial-gradient(circle at 90% 10%,rgba(0,242,255,.25),transparent 40%),radial-gradient(circle at 50% 120%,rgba(0,255,157,.15),transparent 50%),var(--bg);background-attachment:fixed;color:var(--text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--brand)}a{text-decoration:none;color:inherit;transition:var(--trans)}a:hover{color:var(--brand);text-shadow:0 0 10px var(--brand-glow)}button{cursor:pointer;border:none;background:none;font-family:inherit}.muted{color:var(--text-dim)}.small{font-size:.8rem;color:var(--text-dim)}hr{border:0;border-top:1px solid var(--border);margin:24px 0}.app{min-height:100vh;display:flex;flex-direction:column}.topbar{width:min(1200px,calc(100% - 40px));margin:20px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--panel);border:1px solid var(--border);box-shadow:var(--shadow);border-radius:var(--radius-lg);padding:16px 24px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);transition:border-color var(--trans),box-shadow var(--trans);z-index:100}.topbar:hover{border-color:var(--border-hover);box-shadow:0 0 20px #00f2ff1a,var(--shadow)}.brand{display:flex;align-items:center;gap:14px;min-width:260px}.brandTitle{font-weight:800;font-size:1.05rem;line-height:1.1}.brandSub{font-size:.85rem;color:var(--text-dim);line-height:1.2}.brand-svg{height:46px;width:auto;flex:0 0 auto;border-radius:12px;filter:drop-shadow(0 0 10px var(--brand-glow));transition:var(--trans)}.brand-svg:hover{filter:drop-shadow(0 0 14px var(--brand));transform:scale(1.02)}.tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.tab{padding:8px 18px;border-radius:99px;border:1px solid transparent;background:transparent;color:var(--text-dim);font-size:.9rem;font-weight:700;transition:var(--trans)}.tab:hover{background:#ffffff1a;color:var(--text)}.tab.active{background:#00f2ff26;color:var(--brand);border-color:#00f2ff66;box-shadow:0 0 15px #00f2ff33}.main{width:min(1200px,calc(100% - 40px));margin:30px auto;flex:1;display:flex;flex-direction:column;gap:30px}.footer{text-align:center;font-size:.8rem;color:var(--text-dim);padding:30px;opacity:.7}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:28px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.panelHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--border)}.panelHeader h2{margin:0;font-size:1.4rem;font-weight:800}.cardsRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-bottom:24px}.card{background:#ffffff08;border:1px solid var(--border);border-radius:var(--radius-md);padding:24px;transition:var(--trans);position:relative;overflow:hidden}.card:hover{transform:translateY(-5px) scale(1.01);border-color:var(--brand);background:#141423cc;box-shadow:0 10px 30px -5px #00000080,inset 0 0 20px #00f2ff0d}.card:after{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--brand),var(--brand-secondary));opacity:.7;transition:var(--trans)}.card:hover:after{height:4px;opacity:1;box-shadow:0 0 15px var(--brand)}.cardTitle{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);margin:0 0 10px;font-weight:700}.cardValue{font-weight:900;font-size:2.1rem;margin:0;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5)}.tableWrap{overflow-x:auto;border:1px solid var(--border);border-radius:var(--radius-md);background:#00050f4d}.table{width:100%;border-collapse:collapse;min-width:650px}.table th{background:#ffffff08;text-align:left;padding:16px 20px;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);font-weight:700;position:sticky;top:0}.table td{padding:16px 20px;border-bottom:1px solid var(--border);font-size:.95rem;font-weight:600;transition:background .15s}.table tr:hover td{background:#ffffff0d;color:#fff}.textarea,input[type=text],select{width:100%;padding:14px 18px;border-radius:var(--radius-md);border:1px solid var(--border);background:#00000059;color:var(--text);font-family:inherit;font-size:1rem;transition:all var(--trans)}.textarea:focus,input[type=text]:focus,select:focus{outline:none;border-color:var(--brand);background:#00323c40;box-shadow:0 0 0 3px #00f2ff33}select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:99px;font-weight:800;font-size:.8rem;letter-spacing:.05em;text-transform:uppercase;border:1px solid var(--border);background:#ffffff0d;color:var(--text);transition:all var(--trans)}.btn:hover:not(:disabled){background:#ffffff26;transform:translateY(-2px);border-color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.btnPrimary,.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-secondary));border:none;color:#050511;box-shadow:0 4px 15px #00f2ff4d}.btnPrimary:hover:not(:disabled),.btn.primary:hover:not(:disabled){box-shadow:0 0 25px #00f2ff99;filter:brightness(1.15);transform:translateY(-3px);color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.5)}.btn.danger{color:#ffb3c0;background:#ff005526;border-color:#f056}.btn.danger:hover{background:#ff005540;box-shadow:0 0 15px #ff00554d}.chat{display:flex;flex-direction:column;gap:16px;height:100%}.chatlog{flex:1;overflow-y:auto;padding:15px;border-radius:var(--radius-md);background:#00000040;border:1px solid var(--border)}.msg{display:flex;gap:14px;margin-bottom:16px;align-items:flex-end;opacity:0;animation:fadeIn .3s forwards}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.avatar{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,#333,#111);border:1px solid var(--border);display:grid;place-items:center;flex-shrink:0;font-weight:900;font-size:12px}.bubble{padding:12px 16px;border-radius:18px 18px 18px 2px;background:#ffffff0f;border:1px solid var(--border);line-height:1.5;color:#d1d5db;font-size:.95rem}.msg.user{flex-direction:row-reverse}.msg.user .bubble{border-radius:18px 18px 2px;background:linear-gradient(135deg,#00f2ff26,#7000ff26);border-color:#00f2ff4d;color:#fff;box-shadow:0 4px 15px #0003}.bubbleActions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}@media(max-width:900px){.topbar{flex-direction:column;align-items:stretch;gap:16px}.tabs{justify-content:center}.tab{flex:1;text-align:center}.brand{justify-content:center}}@media(max-width:600px){.panelHeader{flex-direction:column;align-items:flex-start;gap:10px}.cardsRow{grid-template-columns:1fr}.btn{width:100%}}