: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}}.portal-hero{background:radial-gradient(ellipse at top right,#184a91,#0d162c 65%);border:1px solid #25446b;border-radius:22px;padding:30px}.portal-hero h1{font-size:clamp(26px,4vw,38px)}.eyebrow{color:#83bdff;font-size:12px;font-weight:700;letter-spacing:.13em}.activation-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.activation-plan{padding:28px!important;align-items:flex-start}.activation-plan.featured{border-color:#397ee9;box-shadow:inset 0 0 40px #2f7bff0c}.activation-price{font-size:48px;font-weight:800;letter-spacing:-.04em}.activation-plan ul{padding-left:20px;line-height:2;flex:1}.activation-plan .btn{width:100%}.payment-history-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:12px 0;border-bottom:1px solid #20314c}@media(max-width:640px){.activation-plans{grid-template-columns:1fr}.portal-hero{padding:22px}}*,*: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 dt{color:var(--text-secondary)}.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-backdrop{position:fixed;inset:0;background:#0009;display:grid;place-items:center;padding:16px;z-index:20}.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}}.plain-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}.plain-list>li{padding:8px 0;border-bottom:1px solid var(--border, #1f2a44)}