:root{--bg:#050d18;--card:rgba(12,30,48,.86);--stroke:rgba(112,181,231,.18);--text:#f4f8ff;--muted:#93a9c0;--blue:#36b7ff;--cyan:#72e4ff;--green:#23e69b;--amber:#ffc45a}
*{box-sizing:border-box}html{background:#030912}body{margin:0;min-height:100vh;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:radial-gradient(900px 560px at 50% -140px,#164b70 0%,#0a2036 42%,#040b14 78%);letter-spacing:-.01em}.app-shell{width:min(100%,560px);min-height:100vh;margin:auto;padding:env(safe-area-inset-top) 14px calc(82px + env(safe-area-inset-bottom));position:relative}.app-shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(59,180,255,.04),transparent 35%,rgba(45,221,160,.035));z-index:-1}.topbar{height:72px;display:grid;grid-template-columns:42px 1fr 42px;align-items:center;text-align:center}.brand{font-size:18px;font-weight:850;letter-spacing:-.04em}.subtitle{font-size:10px;color:#8ea5bb;margin-top:3px;letter-spacing:.02em}.live{display:inline-flex;align-items:center;gap:4px;font-size:9px;font-weight:800;color:#3ff0a7;border:1px solid rgba(63,240,167,.7);background:rgba(17,106,78,.24);border-radius:999px;padding:4px 7px;margin-left:5px;vertical-align:2px;letter-spacing:.03em}.live:before{content:"";width:5px;height:5px;border-radius:50%;background:#3ff0a7;box-shadow:0 0 8px #3ff0a7}.icon-button{border:0;background:transparent;color:#edf7ff;font-size:29px;line-height:1;cursor:pointer;opacity:.94}.page{display:none}.page.active{display:block;animation:rise .22s ease-out}@keyframes rise{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}.page-title{font-size:29px;line-height:1.05;font-weight:900;letter-spacing:-.055em;margin:13px 4px 5px}.page-subtitle{font-size:13px;color:var(--muted);margin:0 4px 18px}.card{background:linear-gradient(145deg,rgba(18,45,69,.9),rgba(7,22,36,.92));border:1px solid var(--stroke);border-radius:22px;padding:16px;margin:11px 0;box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);backdrop-filter:blur(14px)}.balance{position:relative;overflow:hidden;min-height:132px;display:flex;justify-content:space-between;align-items:flex-start}.balance:after{content:"";position:absolute;right:-36px;bottom:-58px;width:220px;height:140px;border-radius:50%;background:radial-gradient(ellipse,rgba(24,190,255,.2),transparent 68%);pointer-events:none}.label{font-size:12px;color:#a9bed2;letter-spacing:.01em}.value{font-size:29px;font-weight:900;letter-spacing:-.055em;margin-top:7px}.positive{font-size:12px;color:var(--green);font-weight:650;margin-top:5px}.status-line{font-size:11px;color:var(--muted);margin-top:10px;line-height:1.45}.pnl{display:flex;justify-content:space-between;align-items:center;min-height:78px}.pnl strong{display:block;color:var(--green);font-size:25px;letter-spacing:-.04em;margin-top:6px}.pill{display:inline-flex;align-items:center;gap:5px;padding:7px 10px;border-radius:999px;background:rgba(12,112,77,.24);border:1px solid rgba(31,225,151,.22);color:var(--green);font-size:11px;font-weight:750}.agent{padding:15px 14px 14px}.agent-head{display:grid;grid-template-columns:62px 1fr auto;gap:11px;align-items:center}.avatar{width:62px;height:62px;border-radius:50%;display:block;object-fit:cover;background:#102e48;border:2px solid rgba(102,215,255,.88);box-shadow:0 0 0 4px rgba(53,179,255,.08),0 8px 20px rgba(0,0,0,.22)}.agent-name{font-weight:880;font-size:18px;letter-spacing:-.03em}.agent-meta{color:#9db5c9;font-size:12px;margin-top:4px}.state{border-radius:999px;padding:8px 11px;background:rgba(11,116,78,.34);border:1px solid rgba(45,231,161,.25);color:#4af0ae;font-size:11px;font-weight:800;white-space:nowrap}.state.warn{background:rgba(127,86,12,.32);border-color:rgba(255,196,83,.25);color:var(--amber)}.state.wait{background:rgba(26,82,128,.35);border-color:rgba(95,184,255,.24);color:#8ad0ff}.stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.stat{background:rgba(4,17,29,.54);border:1px solid rgba(111,173,213,.15);border-radius:14px;padding:10px 11px;font-size:11px;color:#92abc1;min-height:54px}.stat strong{display:block;color:var(--text);font-size:14px;margin-top:5px;letter-spacing:-.02em}.progress{height:6px;background:#102a40;border-radius:999px;margin-top:13px;overflow:hidden}.progress i{height:100%;display:block;background:linear-gradient(90deg,#2bb6ff,#36e0a0);border-radius:999px;box-shadow:0 0 12px rgba(40,219,171,.4)}.row{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid rgba(112,181,231,.13)}.row:last-child{border-bottom:0}.row strong{font-size:14px;letter-spacing:-.02em}.row>span:last-child{color:#d8e7f4;font-size:13px}.button{width:100%;border:0;border-radius:14px;padding:14px;background:linear-gradient(100deg,#209cf5,#23dca4);font-weight:900;color:#03101a;box-shadow:0 9px 22px rgba(26,194,177,.17);cursor:pointer}.warning{background:linear-gradient(145deg,rgba(91,63,12,.68),rgba(52,35,7,.65));border-color:rgba(255,190,63,.34)}.security{font-size:12px;line-height:1.55;color:#ffd47b}.empty{color:var(--muted);text-align:center;padding:34px 12px}.bottom-nav{position:fixed;z-index:4;bottom:0;left:50%;transform:translateX(-50%);width:min(560px,100%);height:76px;display:grid;grid-template-columns:repeat(3,1fr);background:rgba(3,13,24,.91);border-top:1px solid rgba(112,181,231,.16);box-shadow:0 -14px 30px rgba(0,0,0,.24);backdrop-filter:blur(18px);padding-bottom:env(safe-area-inset-bottom)}.nav-item{border:0;background:none;color:#7f96ad;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;cursor:pointer}.nav-item span{font-size:22px;line-height:1}.nav-item small{font-size:11px;font-weight:650}.nav-item.active{color:#43c2ff}.nav-item.active span{filter:drop-shadow(0 0 8px rgba(54,183,255,.55))}@media(min-width:520px){.app-shell{padding-left:22px;padding-right:22px}}