*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0e0f13;--bg2:#16181f;--bg3:#1e2029;--border:#2a2d3a;--accent:#5865f2;--accent2:#eb459e;--green:#57f287;--yellow:#fee75c;--red:#ed4245;--text:#dcddde;--text2:#8a8e9e;--text3:#5c6079;--sidebar-w:240px;--topbar-h:48px;--radius:8px;--tv-scale:1}:root[data-theme=light]{--bg:#f4f5f7;--bg2:#fff;--bg3:#e9ebef;--border:#d6d9e0;--accent:#4b57e6;--accent2:#d6317f;--text:#1c1e26;--text2:#565b6b;--text3:#8a8f9e}:root[data-theme=nord]{--bg:#2e3440;--bg2:#333b4c;--bg3:#3b4252;--border:#434c5e;--accent:#88c0d0;--accent2:#b48ead;--text:#eceff4;--text2:#d8dee9;--text3:#7b8394}:root[data-theme=synthwave]{--bg:#1a1030;--bg2:#241542;--bg3:#2e1a55;--border:#3d2a6b;--accent:#ff2e97;--accent2:#21e6c1;--text:#f7e8ff;--text2:#c8a8e0;--text3:#8a6ab0}:root[data-theme=matrix]{--bg:#05100a;--bg2:#0a1a10;--bg3:#0f2418;--border:#1c3a28;--accent:#39ff5c;--accent2:#b6ff00;--text:#c8ffd4;--text2:#6fdd8b;--text3:#3f8f57}body{background:var(--bg);color:var(--text);height:100vh;font-family:Inter,sans-serif;overflow:hidden}body.tv-mode{--tv-scale:1.4;font-size:calc(16px * var(--tv-scale));cursor:none}body.tv-mode .sidebar{width:300px}body.tv-mode .topbar{height:64px}body.tv-mode button,body.tv-mode .nav-item{padding:14px 20px;font-size:1.1rem}#root{height:100vh;display:flex}.app-root{flex-direction:column;flex:1;min-width:0;height:100vh;display:flex}.app-body{flex:1;min-height:0;display:flex}.app-body>*{flex:1;min-width:0}.titlebar{background:var(--bg2);border-bottom:1px solid var(--border);-webkit-app-region:drag;app-region:drag;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;height:38px;padding-left:14px;display:flex}.titlebar-brand{flex:1;align-items:baseline;gap:8px;display:flex}.titlebar-logo{color:var(--accent);letter-spacing:-.2px;font-size:.9rem;font-weight:800}.titlebar-sub{color:var(--text3);text-transform:uppercase;letter-spacing:1px;font-size:.68rem}.titlebar-tools{align-items:center;gap:6px;padding-right:8px;display:flex}.tb-select{background:var(--bg3);color:var(--text2);border:1px solid var(--border);cursor:pointer;border-radius:6px;outline:none;padding:3px 6px;font-size:.72rem}.tb-icon{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 6px;font-size:.95rem;line-height:1}.tb-icon:hover{background:var(--bg3)}.titlebar-controls{height:100%;display:flex}.tb-hamburger{color:var(--text);cursor:pointer;background:0 0;border:none;padding:0 12px;font-size:1.1rem;display:none}@media (width<=720px){.tb-hamburger{display:block}.titlebar-sub{display:none}.sidebar{z-index:500;transition:transform .2s;position:fixed;top:38px;bottom:0;left:0;transform:translate(-100%);box-shadow:2px 0 16px #00000073}body.nav-open .sidebar{transform:translate(0)}}.no-drag,.titlebar button{-webkit-app-region:no-drag;app-region:no-drag}.tb-btn{width:46px;height:38px;color:var(--text2);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:background .12s,color .12s;display:flex}.tb-btn:hover{background:var(--bg3);color:var(--text)}.tb-close:hover{background:var(--red);color:#fff}.app-shell{width:100%;height:100%;display:flex}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:2px}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.gap-2{gap:8px}.gap-3{gap:12px}.flex-1{flex:1}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.font-semibold{font-weight:600}.text-muted{color:var(--text2)}.rounded{border-radius:var(--radius)}.btn{border-radius:var(--radius);cursor:pointer;border:none;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.85}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:#fff}.btn-ghost{color:var(--text2);background:0 0}.btn-ghost:hover{background:var(--bg3);color:var(--text)}.btn-danger{background:var(--red);color:#fff}.btn-green{background:var(--green);color:#000}input,textarea{background:var(--bg3);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);outline:none;padding:10px 14px;font-family:inherit;font-size:.9rem;transition:border-color .15s}input:focus,textarea:focus{border-color:var(--accent)}input::placeholder,textarea::placeholder{color:var(--text3)}.status-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.status-dot.online{background:var(--green)}.status-dot.offline{background:var(--text3)}.badge{background:var(--red);color:#fff;text-align:center;border-radius:10px;min-width:18px;padding:1px 5px;font-size:.7rem;font-weight:700}