:root{--bg:#0b0d10;--panel:#12151a;--surface:#191d24;--text:#f3f5f7;--muted:#9299a5;--border:rgba(255,255,255,.09);--accent:#6c72ff;--green:#31c48d;--red:#ff6b6b;--shadow:0 16px 44px rgba(0,0,0,.28);font-family:system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif;color:var(--text);background:var(--bg)}
:root.light{--bg:#f4f6f9;--panel:#fff;--surface:#eef1f6;--text:#151820;--muted:#68707d;--border:rgba(20,25,35,.12);--shadow:0 12px 34px rgba(30,40,60,.1)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 85% -10%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 32%),var(--bg)}button,input,select{font:inherit}button{cursor:pointer;touch-action:manipulation}.hidden{display:none!important}.shell{width:min(100%,780px);margin:auto;padding:max(18px,calc(env(safe-area-inset-top) + 8px)) 14px calc(88px + env(safe-area-inset-bottom))}.topbar{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}.brand{width:44px;height:44px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(145deg,var(--accent),#454bc2);color:#fff;font:600 20px ui-monospace}.eyebrow{margin:0 0 3px;color:var(--muted);font:600 10px ui-monospace;letter-spacing:.08em}h1,h2,h3,p{margin:0}h1{font-size:20px}h2{font-size:18px}h3{font-size:16px;line-height:1.55}.connection{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted);white-space:nowrap}.connection i{width:8px;height:8px;border-radius:50%;background:var(--muted)}.connection.connected i{background:var(--green)}.connection.error i{background:var(--red)}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin:18px 0 22px;padding:4px;background:var(--surface);border-radius:12px}.tab{border:0;background:transparent;color:var(--muted);min-height:42px;border-radius:9px}.tab.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow)}.notice{padding:14px;border:1px solid var(--border);border-radius:12px;background:var(--panel);display:flex;justify-content:space-between;align-items:center;gap:10px}.notice.error{border-color:color-mix(in srgb,var(--red) 45%,transparent);color:var(--red)}.skeleton-grid{display:grid;gap:10px}.skeleton-grid div{height:115px;border-radius:13px;background:linear-gradient(90deg,var(--surface),color-mix(in srgb,var(--surface) 65%,var(--text)),var(--surface));background-size:200% 100%;animation:shimmer 1.2s infinite}@keyframes shimmer{to{background-position:-200% 0}}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:9px}.metrics article,.status-item{border:1px solid var(--border);background:var(--panel);border-radius:12px;padding:14px}.metrics span,.status-item span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.metrics strong{font-size:18px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:24px 0 11px}.session-card{border:1px solid var(--border);border-radius:13px;background:var(--panel);padding:15px;margin-bottom:10px;overflow:hidden}.session-card.current{border-color:color-mix(in srgb,var(--accent) 70%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--panel)),var(--panel))}.card-top{display:flex;justify-content:space-between;gap:10px}.badges{display:flex;flex-wrap:wrap;gap:6px;margin:10px 0}.badge{font-size:11px;border:1px solid var(--border);border-radius:999px;padding:5px 8px;color:var(--muted)}.badge.current{background:var(--accent);color:#fff;border-color:transparent}.meta{display:grid;gap:5px;color:var(--muted);font-size:12px}.ltr{direction:ltr;unicode-bidi:isolate;text-align:right;font-family:ui-monospace,monospace;overflow-wrap:anywhere}.card-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:13px}.primary,.ghost,.filter,.icon,select{min-height:42px;border:1px solid var(--border);border-radius:9px;background:var(--panel);color:var(--text);padding:8px 11px}.primary{background:var(--accent);border-color:transparent;color:#fff}.ghost:disabled,.primary:disabled{opacity:.5;cursor:not-allowed}.toolbar{display:grid;grid-template-columns:1fr auto;gap:8px}.search{display:flex;align-items:center;gap:7px;border:1px solid var(--border);border-radius:10px;background:var(--panel);padding:0 11px}.search input{width:100%;min-height:45px;border:0;outline:0;background:transparent;color:var(--text)}select{background:var(--panel)}.filters{display:flex;gap:6px;overflow-x:auto;padding:10px 0 2px;scrollbar-width:none}.filter{min-height:35px;border-radius:999px;font-size:11px;white-space:nowrap}.filter.active{background:var(--accent);color:#fff;border-color:transparent}.wide{width:100%}.empty{padding:30px 12px;text-align:center;color:var(--muted);border:1px dashed var(--border);border-radius:12px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}.status-item strong{font-size:13px;overflow-wrap:anywhere}.bottom{position:fixed;z-index:20;left:0;right:0;bottom:0;padding:9px max(14px,calc((100vw - 752px)/2)) calc(9px + env(safe-area-inset-bottom));background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--border)}.bottom button{width:100%}dialog{width:min(calc(100% - 24px),520px);border:1px solid var(--border);border-radius:15px;background:var(--panel);color:var(--text);padding:0;box-shadow:var(--shadow)}dialog::backdrop{background:rgba(0,0,0,.7)}#action-form{padding:18px}.dialog-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.icon{width:42px;font-size:22px;padding:0}.field{display:grid;gap:7px;margin:12px 0;color:var(--muted);font-size:13px}.field input,.field select{min-height:46px;border:1px solid var(--border);border-radius:9px;background:var(--surface);color:var(--text);padding:0 11px}.note{font-size:12px;color:var(--muted);line-height:1.65;margin:12px 0}.dialog-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.toast{position:fixed;z-index:40;bottom:calc(72px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 28px);background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:12px 15px;box-shadow:var(--shadow);font-size:13px}
@media(max-width:570px){.shell{padding-inline:12px}.connection span{display:none}.card-actions{grid-template-columns:1fr 1fr}.status-grid{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.topbar{grid-template-columns:42px 1fr auto}h1{font-size:18px}.session-card{padding:14px}.primary,.ghost{font-size:13px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}