:root{--background-primary: #05070f;--background-secondary: #0a1024;--surface: #0f1833;--surface-hover: #16224a;--blue-primary: #2f7bff;--blue-strong: #1b5fe0;--blue-focus: #7cc4ff;--blue-glow: rgba(78, 160, 255, .45);--text-primary: #ffffff;--text-secondary: #9aa8c7;--text-muted: #6b7897;--danger: #ff5c6c;--success: #3ddc97;--warning: #ffc048;--border: rgba(124, 196, 255, .12);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font: "Inter", "Segoe UI", Roboto, system-ui, -apple-system, sans-serif;--text-xs: 13px;--text-sm: 15px;--text-md: 18px;--text-lg: 24px;--text-xl: 34px;--text-hero: 48px;--transition: .18s ease-out;--sidebar-width: 92px;--sidebar-width-open: 260px}@media(min-width:1600px){:root{--text-xs: 16px;--text-sm: 19px;--text-md: 23px;--text-lg: 30px;--text-xl: 42px;--text-hero: 60px;--sidebar-width: 112px;--sidebar-width-open: 320px}}@media(prefers-reduced-motion:reduce){:root{--transition: 0ms}}.super-heading h1{font-size:clamp(26px,3vw,38px);margin:7px 0}.super-eyebrow{color:#77b7ff;font-size:11px;font-weight:800;letter-spacing:.15em}.super-stats,.super-shortcuts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.super-stats a,.super-shortcuts a{color:inherit;text-decoration:none}.super-stats a{display:flex;flex-direction:column;gap:12px;background:linear-gradient(140deg,#173564,#0e182e)}.super-stats strong{font-size:32px}.super-stats small,.super-stats span{color:#b6c9e2}.super-shortcuts a:hover{border-color:#4e91ed}.super-search{max-width:360px}.super-select{max-width:240px}.super-notes{display:grid;gap:10px;max-height:260px;overflow:auto}.modal{max-height:90vh;overflow-y:auto}@media(min-width:1100px){.super-layout{display:block;padding-left:258px}.super-layout .topbar{position:fixed;inset:0 auto 0 0;width:258px;height:100vh;overflow-y:auto;flex-direction:column;flex-wrap:nowrap;align-items:stretch;justify-content:flex-start;padding:26px 18px;border-right:1px solid #22334f;border-bottom:0;background:#080e1d}.super-layout .topbar nav{flex-direction:column;align-items:stretch;overflow:visible;gap:3px;margin:20px 0;flex-shrink:0}.super-layout .topbar nav a{padding:10px 12px;white-space:normal;text-align:left;font-size:14px}.super-layout .topbar .lang{width:100%}.super-layout .topbar>.row{margin-top:auto;flex-direction:column;align-items:stretch;white-space:normal}.super-layout .topbar .brand-lockup strong{font-size:14px}.super-layout .topbar .brand-lockup small{font-size:9px}.super-layout .content{max-width:1500px;padding:36px}.super-layout .topbar .who{white-space:normal;overflow-wrap:anywhere}}@media(max-width:1350px){.super-stats,.super-shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.super-stats,.super-shortcuts{grid-template-columns:1fr}}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:radial-gradient(1000px 600px at 90% -10%,#0d1f4d 0%,transparent 60%),var(--background-primary);color:var(--text-primary);font-family:var(--font);font-size:16px;line-height:1.45}h1{font-size:28px;margin:0}h2{font-size:20px;margin:0}p{margin:0}a{color:var(--blue-focus)}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--blue-focus);outline-offset:2px}.mono{font-family:ui-monospace,JetBrains Mono,Consolas,monospace;letter-spacing:.05em}.muted{color:var(--text-secondary)}.small{font-size:13px}.stack{display:flex;flex-direction:column;gap:16px}.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.row.between{justify-content:space-between}.row.end{justify-content:flex-end}.card{background:linear-gradient(180deg,var(--surface),var(--background-secondary));border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border-radius:12px;border:1px solid var(--border);background:var(--surface);color:var(--text-primary);font-weight:700;text-decoration:none;cursor:pointer}.btn:hover:not(:disabled){background:var(--surface-hover)}.btn.primary{background:linear-gradient(180deg,var(--blue-primary),var(--blue-strong));border-color:transparent}.btn.danger{color:var(--danger)}.btn.small{min-height:34px;padding:0 12px;font-size:14px}.btn.icon{width:42px;padding:0}.btn[aria-pressed=true]{border-color:var(--blue-primary);background:#2f7bff38}.btn:disabled{opacity:.45;cursor:default}.linklike{background:none;border:0;color:var(--text-secondary);cursor:pointer;padding:8px 10px}.badge{display:inline-flex;padding:3px 10px;border-radius:999px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:#2f7bff29;color:var(--blue-focus)}.badge.ok{background:#3ddc9724;color:var(--success)}.badge.warn{background:#ffc04824;color:var(--warning)}.badge.err{background:#ff5c6c24;color:var(--danger)}.alert{padding:12px 14px;border-radius:12px;background:#ff5c6c1a;border:1px solid rgba(255,92,108,.3)}.alert.info{background:#2f7bff1a;border-color:var(--border)}.field{display:flex;flex-direction:column;gap:6px}.field>span:first-child{color:var(--text-secondary);font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.field-error{color:var(--danger);font-size:13px}.input{min-height:46px;padding:0 14px;border-radius:12px;border:1px solid var(--border);background:var(--background-secondary);width:100%}.input:focus{border-color:var(--blue-focus);outline:none}.legal{color:var(--text-muted);font-size:12px}.skeleton{background:linear-gradient(90deg,var(--surface),var(--surface-hover),var(--surface));background-size:200% 100%;animation:shimmer 1.2s infinite;border-radius:12px}@keyframes shimmer{to{background-position:-200% 0}}.spinner{width:42px;height:42px;border-radius:50%;border:4px solid rgba(124,196,255,.2);border-top-color:var(--blue-primary);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.skeleton,.spinner{animation:none}}.brand-lockup{display:flex;gap:12px;align-items:center;color:inherit;text-decoration:none}.brand-lockup strong{display:block;letter-spacing:.14em}.brand-lockup small{display:block;color:var(--text-secondary);font-size:12px}.brand-mark{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--blue-primary);box-shadow:0 0 22px var(--blue-glow);color:#fff}.auth{min-height:100vh;display:grid;place-items:center;padding:16px}.auth-card{width:min(460px,100%);display:flex;flex-direction:column;gap:16px}.layout{min-height:100vh;display:flex;flex-direction:column}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 24px;border-bottom:1px solid var(--border);background:#05070fd9;position:sticky;top:0;z-index:5;backdrop-filter:blur(8px)}.topbar nav{display:flex;gap:4px;flex-wrap:wrap;align-items:center}.topbar nav a{color:var(--text-secondary);text-decoration:none;padding:8px 12px;border-radius:10px;font-weight:600}.topbar nav a.active{color:var(--text-primary);background:#2f7bff2e}.content{width:min(1100px,100%);margin:0 auto;padding:24px 16px 48px}.device-card{display:flex;flex-direction:column;gap:12px}.device-id{font-size:28px;font-weight:800}.kv{display:grid;grid-template-columns:max-content 1fr;gap:8px 24px;margin:8px 0}.kv dd{margin:0;font-weight:600}.pl-list{display:flex;flex-direction:column;gap:12px}.pl-item{display:flex;flex-direction:column;gap:8px}.pl-item.disabled{opacity:.7}.pl-item .actions{margin-top:6px}.form{max-width:760px}.cat-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.cat-list li{display:grid;grid-template-columns:1fr auto auto auto auto auto;gap:10px;align-items:center;padding:8px 12px;border-radius:12px;background:#0a102499}.cat-list li.hidden-cat .cat-name{color:var(--text-muted);text-decoration:line-through}.cat-name{font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.modal{width:min(480px,100%);display:flex;flex-direction:column;gap:12px}@media(max-width:640px){.kv{grid-template-columns:1fr;gap:2px}.kv dd{margin-bottom:8px}.cat-list li{grid-template-columns:1fr auto auto}.cat-list li .muted{display:none}.topbar{padding:12px 16px}}.content{width:min(1280px,100%);margin:0 auto;padding:24px 16px 48px}.narrow{max-width:760px}.block{display:block}.pad{padding:12px 16px}.nowrap{white-space:nowrap;flex-wrap:nowrap}.who{display:none}@media(min-width:900px){.who{display:inline}}.input.lang,.input.select{width:auto;min-height:38px}.input.search{width:min(320px,100%)}.narrow-input{width:140px}.stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px}.stat{display:flex;flex-direction:column;gap:4px;padding:14px;border-radius:12px;background:var(--background-secondary);border:1px solid var(--border)}.stat-value{font-size:28px;font-weight:800;font-variant-numeric:tabular-nums}.stat-label{color:var(--text-secondary);font-size:13px}.stat.ok .stat-value{color:var(--success)}.stat.warn .stat-value{color:var(--warning)}.stat.err .stat-value{color:var(--danger)}.grid-2{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.balance{display:flex;flex-direction:column}.table-wrap{overflow-x:auto;padding:0}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--border);vertical-align:top}th{color:var(--text-secondary);font-size:12px;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--surface-hover)}td.num{font-variant-numeric:tabular-nums;white-space:nowrap}td.pos{color:var(--success)}td.neg{color:var(--warning)}td.details{max-width:360px;word-break:break-word;color:var(--text-secondary)}.kv{display:grid;grid-template-columns:max-content 1fr;gap:6px 16px;margin:0}.kv dt{color:var(--text-secondary)}.kv dd{margin:0}.act-list,.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.act-row{display:grid;grid-template-columns:auto 1fr auto auto;gap:12px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--background-secondary)}.act-row.reversed{opacity:.65}@media(max-width:640px){.act-row{grid-template-columns:1fr}}.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.plan{display:flex;flex-direction:column;gap:4px;padding:18px;border-radius:14px;border:2px solid var(--border);background:var(--surface);text-align:left;cursor:pointer}.plan strong{font-size:20px}.plan span{color:var(--text-secondary)}.plan[aria-pressed=true]{border-color:var(--blue-primary);background:#2f7bff2e}.plan:disabled{opacity:.45;cursor:default}.modal-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:20}.modal{width:min(520px,100%)}code.temp{font-size:20px;padding:8px 12px;border-radius:10px;background:var(--background-secondary);border:1px solid var(--border)}.qr{background:#fff;border-radius:12px;padding:8px}@media(min-width:1100px){.topbar{flex-wrap:nowrap}.topbar nav{flex-wrap:nowrap;overflow-x:auto}.topbar nav a{white-space:nowrap}}select.input{color:var(--text-primary);background-color:var(--surface)}select.input option{color:var(--text-primary);background:var(--background-secondary, #0b1020)}.topbar .brand-lockup strong,.topbar .brand-lockup small{white-space:nowrap}@media(min-width:1100px){.topbar>.row{flex-wrap:nowrap;white-space:nowrap}}