:root{--bg: #07091a;--bg-1: #0b0f24;--bg-2: #11162e;--bg-3: #181d38;--line: rgba(255,255,255,.07);--line-2: rgba(255,255,255,.12);--text: #e7ecf5;--text-dim: #8a93ab;--text-faint: #5b6480;--accent: #00d4ff;--accent-2: #6ee7ff;--accent-soft: rgba(0,212,255,.12);--ok: #22c55e;--ok-soft: rgba(34,197,94,.14);--warn: #fbbf24;--warn-soft: rgba(251,191,36,.14);--err: #ef4444;--err-soft: rgba(239,68,68,.14);--info: #a78bfa;--info-soft: rgba(167,139,250,.14);--r-sm: 6px;--r-md: 10px;--r-lg: 14px;--r-xl: 20px;--shadow-pop: 0 8px 28px rgba(0,0,0,.35);--pad: 20px;--row: 44px;--gap: 14px;--font-sans: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Inter", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, monospace}[data-density=compact]{--pad: 12px;--row: 36px;--gap: 10px}[data-density=regular]{--pad: 16px;--row: 44px;--gap: 14px}[data-density=comfy]{--pad: 22px;--row: 52px;--gap: 18px}[data-theme=light]{--bg: #f6f7fa;--bg-1: #ffffff;--bg-2: #ffffff;--bg-3: #f0f2f7;--line: rgba(10,15,40,.08);--line-2: rgba(10,15,40,.14);--text: #0e1330;--text-dim: #5b6480;--text-faint: #8a93ab;--shadow-pop: 0 8px 28px rgba(10,15,40,.1)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;letter-spacing:-.005em}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background:none;border:0}a{color:inherit;text-decoration:none}.full-loader{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-dim)}.login-wrap{display:flex;align-items:center;justify-content:center;height:100vh;background:radial-gradient(ellipse at top,rgba(0,212,255,.1),transparent 50%),var(--bg)}.login-card{width:380px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:28px;box-shadow:var(--shadow-pop)}.login-card h1{font-size:24px;margin:0 0 6px}.login-card .sub{color:var(--text-dim);margin-bottom:18px}.login-card label{display:block;font-size:12px;color:var(--text-dim);margin:12px 0 4px}.login-card input{width:100%;height:40px;padding:0 12px;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line);color:var(--text);outline:none}.login-card input:focus{border-color:var(--accent)}.login-card button[type=submit]{margin-top:18px;width:100%;height:42px;border-radius:var(--r-md);background:var(--accent);color:#00131c;font-weight:600}.login-card .err{margin-top:10px;font-size:12px;color:var(--err)}.login-hint{margin-top:16px;font-size:12px;color:var(--text-faint)}.app{display:grid;grid-template-columns:240px 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar main";height:100vh}.sidebar{grid-area:sidebar;border-right:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 30%);display:flex;flex-direction:column;padding:14px 12px;gap:4px;overflow:auto}.topbar{grid-area:topbar;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 var(--pad);gap:12px;background:#07091a8c;backdrop-filter:blur(12px)}[data-theme=light] .topbar{background:#ffffffb3}.main{grid-area:main;overflow:auto;padding:var(--pad)}.brand{display:flex;align-items:center;gap:10px;padding:6px 10px 14px;border-bottom:1px solid var(--line);margin-bottom:8px}.brand-mark{width:28px;height:28px;border-radius:8px;background:var(--bg-3);border:1px solid var(--line-2);position:relative}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:2px;background:var(--accent);display:block}.brand-name{font-weight:600;letter-spacing:-.01em}.nav-item{display:flex;align-items:center;gap:10px;height:36px;padding:0 10px;border-radius:var(--r-md);color:var(--text-dim);font-size:13px}.nav-item:hover{background:var(--bg-2);color:var(--text)}.nav-item.active{background:var(--accent-soft);color:var(--accent)}.nav-section{font-size:11px;text-transform:uppercase;color:var(--text-faint);padding:12px 12px 4px;letter-spacing:.08em}.spacer{flex:1}.topbar .search{display:flex;align-items:center;gap:8px;width:320px;height:36px;padding:0 12px;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);color:var(--text-dim)}.topbar .search input{background:transparent;border:0;outline:none;width:100%}.iconbtn{height:36px;width:36px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-2);display:inline-flex;align-items:center;justify-content:center;color:var(--text-dim)}.iconbtn:hover{color:var(--text)}.user-chip{height:36px;padding:0 10px 0 4px;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:8px;background:var(--bg-2);border:1px solid var(--line)}.user-avatar{width:28px;height:28px;border-radius:999px;background:var(--accent-soft);color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:600}.card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--pad)}.card-h{display:flex;align-items:center;gap:8px;margin-bottom:12px}.card-h h3{margin:0;font-size:14px;font-weight:600}.card-h .sub{font-size:12px;color:var(--text-dim)}.grid{display:grid;gap:var(--gap)}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}.kpi{display:flex;flex-direction:column;gap:6px}.kpi .label{color:var(--text-dim);font-size:12px}.kpi .value{font-size:28px;font-weight:600;letter-spacing:-.02em}.kpi .delta{font-size:12px}.kpi .delta.up{color:var(--ok)}.kpi .delta.down{color:var(--err)}.pill{display:inline-flex;align-items:center;gap:6px;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:500}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.err{background:var(--err-soft);color:var(--err)}.pill.info{background:var(--info-soft);color:var(--info)}.pill.offline{background:var(--bg-3);color:var(--text-dim)}.pill .dot{width:6px;height:6px;border-radius:999px;background:currentColor}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--line);font-size:13px}.table th{color:var(--text-dim);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}.table tr:hover td{background:var(--bg-2)}.page-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;gap:12px}.page-h h1{font-size:22px;font-weight:600;margin:0;letter-spacing:-.02em}.page-h .sub{color:var(--text-dim);font-size:12px}.btn{height:36px;padding:0 14px;border-radius:var(--r-md);background:var(--bg-2);border:1px solid var(--line);color:var(--text);display:inline-flex;align-items:center;gap:6px;font-size:13px}.btn:hover{border-color:var(--line-2)}.btn.primary{background:var(--accent);color:#00131c;border-color:var(--accent)}.btn.danger{background:var(--err-soft);color:var(--err);border-color:var(--err-soft)}.scene-card{background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;display:flex;flex-direction:column;gap:8px;min-height:110px}.scene-card .top{display:flex;align-items:center;justify-content:space-between}.scene-card .icon{width:32px;height:32px;border-radius:var(--r-md);display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);color:var(--accent)}.scene-card .name{font-weight:600}.scene-card .meta{color:var(--text-dim);font-size:12px}.tweaks{position:fixed;right:16px;bottom:16px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px;width:280px;box-shadow:var(--shadow-pop);z-index:50}.tweaks h4{margin:0 0 10px;font-size:13px}.tweaks .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px;font-size:12px;color:var(--text-dim)}.tweaks select{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm);color:var(--text);height:28px;padding:0 8px}.tweaks input[type=color]{width:32px;height:28px;border-radius:var(--r-sm);border:1px solid var(--line);background:transparent;padding:0}.tweaks .toggle{display:inline-flex;gap:4px}.tweaks .toggle button{height:28px;padding:0 8px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--bg-2);color:var(--text);font-size:12px}.tweaks .toggle button.active{background:var(--accent);color:#00131c;border-color:var(--accent)}.tweak-fab{position:fixed;right:16px;bottom:16px;height:44px;width:44px;border-radius:999px;background:var(--accent);color:#00131c;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-pop);z-index:51}.activity-row{display:grid;grid-template-columns:110px 64px 100px 1fr;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid var(--line);font-size:13px}.activity-row .ts{color:var(--text-faint);font-size:12px}.activity-row .scope{color:var(--text-dim);font-size:12px}.menu-btn{display:none;height:40px;width:40px;border-radius:var(--r-md);border:1px solid var(--line);background:var(--bg-2);color:var(--text-dim);align-items:center;justify-content:center;flex-shrink:0}.menu-btn:hover{color:var(--text)}.menu-btn svg{display:block}.sidebar-backdrop{display:none}.tab-strip{display:flex;flex-wrap:wrap;gap:8px;background:var(--bg-1);border:1px solid var(--line);border-radius:var(--r-lg);padding:var(--pad);margin-bottom:12px}@media (max-width: 1024px){.app{grid-template-columns:200px 1fr}.cols-4{grid-template-columns:repeat(2,1fr)}.topbar .search{width:220px}}@media (max-width: 768px){:root{--pad: 14px;--gap: 12px}.app{grid-template-columns:1fr;grid-template-rows:56px 1fr;grid-template-areas:"topbar" "main"}.sidebar{position:fixed;left:0;top:0;bottom:0;width:min(280px,80vw);z-index:100;background:var(--bg-1);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .22s ease;box-shadow:6px 0 24px #00000059;padding-top:16px}body[data-sidebar=open] .sidebar{transform:translate(0)}body[data-sidebar=open] .sidebar-backdrop{display:block;position:fixed;inset:0;background:#0000008c;z-index:90}body[data-sidebar=open]{overflow:hidden}.menu-btn{display:inline-flex}.topbar{padding:0 12px;gap:8px}.topbar .search{display:none}.user-chip{padding:0 4px}.user-chip>span{display:none}.cols-4{grid-template-columns:repeat(2,1fr)}.cols-3,.cols-2{grid-template-columns:1fr}.page-h{flex-direction:column;align-items:stretch;gap:12px}.page-h>div:last-child{flex-wrap:wrap}.page-h h1{font-size:20px}.card{padding:14px}.card-h h3{font-size:13px}.table thead{display:none}.table,.table tbody,.table tr,.table td{display:block;width:100%}.table tr{border:1px solid var(--line);border-radius:var(--r-md);margin:10px 12px;padding:4px 12px;background:var(--bg-1)}.table tr:first-child{margin-top:12px}.table tr:last-child{margin-bottom:12px}.table tr:hover td{background:transparent}.table td{border-bottom:1px dashed var(--line);padding:10px 0;display:flex;justify-content:space-between;align-items:center;gap:12px;text-align:right;font-size:13px}.table td:last-child{border-bottom:0}.table td[data-label]:before{content:attr(data-label);color:var(--text-dim);font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.04em;text-align:left;flex-shrink:0}.activity-row{grid-template-columns:1fr;gap:6px;padding:10px 0}input,select,textarea{font-size:16px;min-height:40px}.btn,.iconbtn{min-height:40px;padding:0 14px}.tab-strip{padding:12px;overflow-x:auto;flex-wrap:nowrap}.tab-strip .btn{white-space:nowrap}.tweaks{width:calc(100vw - 32px);right:16px;bottom:76px}.login-card{width:calc(100vw - 32px);max-width:380px;padding:20px}.login-card h1{font-size:20px}}@media (max-width: 420px){:root{--pad: 12px;--gap: 10px}.cols-4{grid-template-columns:1fr}.page-h h1{font-size:18px}.kpi .value{font-size:22px}.scene-card{min-height:96px;padding:14px}.tweaks{display:none}.table tr{margin:8px}}