:root{--bg:#f6f8fc;--panel:#fff;--panel-2:#eef2f9;--line:#dfe5f0;--line-strong:#c9d2e2;--ink:#0f172a;--ink-2:#334155;--ink-3:#64748b;--accent:#3b62c8;--accent-ink:#2b4fae;--ok:#1a9a5b;--warn:#c98a00;--bad:#d7263d;--lumen:#52d0dd;--halo:#6a3dff;--r:12px;--shadow:0 1px 2px rgba(15,23,42,.04),0 8px 24px -16px rgba(15,23,42,.18) }*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans,system-ui,sans-serif;font-size:14px;line-height:1.5}h1,h2,h3{font-family:Sora,sans-serif;margin:0}a{color:var(--accent-ink)}button,input,select,textarea{font:inherit;color:inherit}.btn{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--panel);cursor:pointer;font-weight:500}.btn:hover{background:var(--panel-2)}.btn.primary{background:linear-gradient(135deg,var(--accent),var(--halo));color:#fff;border-color:transparent}.btn.sm{height:28px;padding:0 10px;font-size:12.5px}.btn:disabled{opacity:.5;cursor:not-allowed}.x{border:0;background:none;color:var(--ink-3);cursor:pointer;font-size:14px}.x:hover{color:var(--bad)}input.ctl,select.ctl,textarea.ctl{height:34px;padding:0 10px;border-radius:10px;border:1px solid var(--line-strong);background:var(--panel);min-width:0}textarea.ctl{height:auto;padding:8px 10px}.count{color:var(--ink-3);font-size:12px}.pill{display:inline-block;padding:1px 9px;border-radius:999px;font-size:11.5px;font-weight:600;background:var(--panel-2);color:var(--ink-2)}.pill.ok{background:#e4f5ec;color:#177245}.pill.warn{background:#fff3d6;color:#8a5a00}.pill.bad{background:#fde5e8;color:#a5182b}.pill.na{background:var(--panel-2);color:var(--ink-3)}.shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.side{position:sticky;top:0;height:100vh;overflow:auto;background:var(--panel);border-right:1px solid var(--line);padding:16px 10px;display:flex;flex-direction:column;gap:4px}.brand{display:flex;align-items:center;gap:10px;padding:4px 8px 14px}.brand img{height:26px}.brand span{font-family:Sora;font-size:11px;letter-spacing:.14em;color:var(--ink-3)}.mod{margin-top:6px}.mod>b{display:block;padding:8px 10px 4px;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.side a.tab{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;border-radius:9px;color:var(--ink-2);text-decoration:none;font-size:13.5px}.side a.tab:hover{background:var(--panel-2)}.side a.tab.active{background:color-mix(in srgb,var(--accent) 12%,var(--panel));color:var(--accent-ink);font-weight:600}.side a.tab.ro:after{content:"👁";font-size:11px;opacity:.7}.sidefoot{margin-top:auto;padding:12px 8px 0;border-top:1px solid var(--line);font-size:12px;display:grid;gap:4px}.main{padding:22px 28px 60px;min-width:0}.ph{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px}.ph .crumb{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.ph h1{font-size:22px}.ro-banner{font-size:12.5px;padding:7px 12px;border-radius:9px;background:#fff3d6;border:1px solid #f0d08a;margin-bottom:12px}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-bottom:14px}.kpi{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:12px 14px;box-shadow:var(--shadow)}.kpi .l{font-size:12px;color:var(--ink-3)}.kpi .v{font-family:Sora;font-size:24px;font-weight:600;margin:2px 0}.kpi .s{font-size:12px;color:var(--ink-3)}.kpi.warn .v{color:var(--warn)}.kpi.ok .v{color:var(--ok)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:12px;align-items:start}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--r);padding:14px 16px;box-shadow:var(--shadow)}.card.wide{grid-column:1/-1}.card h3{font-size:14.5px;display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}.card h3 .count{font-weight:400}.card h3 .right{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap}.toolbar{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:10px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px}th{text-align:left;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);font-weight:600;padding:8px 10px;border-bottom:1px solid var(--line)}td{padding:8px 10px;border-bottom:1px solid var(--line);vertical-align:top}tr:hover td{background:color-mix(in srgb,var(--panel-2) 60%,transparent)}td.num,th.num{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}tr.dim td{opacity:.55}.seg{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--panel-2);border:1px solid var(--line)}.seg button{border:0;background:none;padding:5px 12px;border-radius:999px;cursor:pointer;color:var(--ink-3);font-size:13px}.seg button[aria-pressed=true]{background:var(--panel);color:var(--ink);font-weight:600;box-shadow:var(--shadow)}.chips{display:flex;flex-wrap:wrap;gap:4px}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-3);cursor:pointer;white-space:nowrap}.chip input{width:12px;height:12px;margin:0}.chip.on{color:var(--accent-ink);border-color:color-mix(in srgb,var(--accent) 50%,var(--line));background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.kvs{display:grid;grid-template-columns:150px 1fr;gap:6px 10px;font-size:13px;align-items:center}.kvs .k{color:var(--ink-3)}.permsel{font-size:12px;padding:2px 6px;border-radius:6px;border:1px solid var(--line);background:var(--panel)}.permsel.edit{color:var(--ok);font-weight:600}.permsel.none{color:var(--ink-3)}.warnbox{background:#fff3d6;border:1px solid #f0d08a;border-radius:10px;padding:10px 12px;font-size:13px}.okbox{background:#e4f5ec;border:1px solid #b6e3c8;border-radius:10px;padding:10px 12px;font-size:13px}.errbox{background:#fde5e8;border:1px solid #f3b5bd;border-radius:10px;padding:10px 12px;font-size:13px}.bars{display:grid;gap:6px}.bar{display:grid;grid-template-columns:130px 1fr 40px;gap:8px;align-items:center;font-size:12.5px}.bar i{display:block;height:8px;border-radius:99px;background:linear-gradient(90deg,var(--accent),var(--lumen))}.gate{min-height:100vh;display:grid;place-items:center;padding:20px}.gatebox{width:min(440px,100%);background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:28px;text-align:center;display:grid;gap:10px;box-shadow:var(--shadow)}.modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:grid;place-items:center;padding:20px;z-index:50;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modalbox{width:min(880px,100%);max-height:90vh;overflow:auto;background:var(--panel);border-radius:16px;padding:18px 20px}.mh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:#fff;padding:8px 14px;border-radius:999px;font-size:13px;z-index:60}@media (max-width:860px){.shell{grid-template-columns:1fr}.side{position:static;height:auto}.main{padding:16px}}:root{--lg-bg:#0b0f1e;--lg-panel:#121629;--lg-panel-2:#0e1222;--lg-line:rgba(255,255,255,.08);--lg-line-2:rgba(255,255,255,.14);--lg-text:#eef1fb;--lg-muted:#9aa3c2;--lg-cyan:#52d0dd;--lg-blue:#3b62c8;--lg-violet:#6a3dff}.lg-wrap{font-family:Outfit,IBM Plex Sans,system-ui,sans-serif;background:radial-gradient(1200px 600px at 10% 0%,#1a2246 0%,transparent 60%),radial-gradient(900px 500px at 90% 100%,#20164a 0%,transparent 60%),#070a16;color:var(--lg-text);min-height:100vh;display:grid;place-items:center;padding:24px;box-sizing:border-box}.lg-wrap *{box-sizing:border-box}.lg{width:min(1240px,100%);min-height:min(760px,calc(100vh - 48px));display:grid;grid-template-columns:1.15fr 1fr;border-radius:28px;overflow:hidden;border:1px solid var(--lg-line);box-shadow:0 40px 120px -40px #000c}.lg-show{position:relative;padding:44px 48px;background:linear-gradient(160deg,#141a33,#0d1227 60%,#0b0f20);display:flex;flex-direction:column}.lg-brand{display:flex;align-items:center;gap:10px;font-weight:600;font-size:17px}.lg-brand i{width:34px;height:34px;border-radius:50%;border:2px solid #4a58ff;display:grid;place-items:center;position:relative}.lg-brand i:after{content:"";width:12px;height:12px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#bff5ff,#3fc1d0)}.lg-brand span{color:#8c7dff}.lg-frame{margin:auto 0;width:100%;max-width:640px;align-self:center;border-radius:18px;border:1px solid rgba(120,110,255,.35);background:linear-gradient(180deg,#0f1428,#0a0e1e);box-shadow:0 30px 80px -30px #5a50ff73;padding:12px 14px 18px;position:relative}.lg-dots{display:flex;gap:6px;margin-bottom:10px}.lg-dots b{width:10px;height:10px;border-radius:50%}.lg-frame small{position:absolute;right:16px;top:12px;color:var(--lg-muted);font-size:11px}.orbit{position:relative;height:300px;border-radius:12px;background:#0a0d1c;overflow:hidden}.orbit .ring{position:absolute;left:50%;top:50%;width:280px;height:280px;border:1px dashed rgba(120,140,200,.25);border-radius:50%;transform:translate(-50%,-50%) rotateX(60deg)}.orbit .glow{position:absolute;left:50%;top:50%;width:260px;height:260px;border-radius:50%;background:radial-gradient(circle,rgba(110,80,255,.35),transparent 60%);transform:translate(-50%,-50%)}.orbit .you{position:absolute;left:50%;top:50%;width:104px;height:104px;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle at 35% 30%,#dffcff,#5fd6e6 45%,#2d9fbf);box-shadow:0 0 40px #52d0dd99,inset 0 -10px 20px #003c5a59;display:grid;place-items:center;color:#062031;font-weight:700;font-size:16px}.orbit .you:before{content:"";position:absolute;left:24px;top:22px;width:16px;height:16px;border-radius:50%;background:#fff;opacity:.85}.orbit .sat{position:absolute;width:56px;height:56px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#3a4f66,#233246 60%,#15202e);border:1px solid rgba(140,200,220,.35);display:grid;place-items:center;font-size:13px;font-weight:600;color:#dbe6ee;transform:translate(-50%,-50%);box-shadow:0 8px 20px #0006}.orbit .line{position:absolute;left:50%;top:50%;height:1px;background:linear-gradient(90deg,rgba(120,140,200,.5),transparent);transform-origin:0 0}.lg-tag{margin-top:34px;font-size:12px;letter-spacing:.2em;color:var(--lg-cyan);font-weight:600}.lg-h{font-size:38px;font-weight:700;margin:6px 0 8px;letter-spacing:-.01em}.lg-p{color:var(--lg-muted);font-size:16px;max-width:520px;line-height:1.5;margin:0}.lg-prog{display:flex;gap:10px;margin-top:auto;padding-top:36px}.lg-prog i{flex:1;height:6px;border-radius:99px;background:#ffffff1f;overflow:hidden}.lg-prog i b{display:block;height:100%;width:0;background:var(--lg-cyan);border-radius:99px}.lg-prog i{cursor:pointer}.lg-prog i.on b{width:100%;transition:width 6s linear}.lg-prog i.done b{width:100%;background:#ffffff59}.lg-form{background:var(--lg-panel-2);padding:64px 56px 40px;display:flex;flex-direction:column}.lg-form h1{font-size:40px;margin:0 0 8px;font-weight:700}.lg-form .sub{color:var(--lg-muted);font-size:16px;margin:0 0 36px}label.f{display:block;font-size:12px;letter-spacing:.14em;color:var(--lg-muted);font-weight:600;margin:0 0 8px}.in{display:flex;align-items:center;gap:10px;border:1px solid var(--lg-line-2);border-radius:16px;padding:0 18px;height:64px;background:#0b0f1f;margin-bottom:26px}.in input{flex:1;background:none;border:0;color:var(--lg-text);font:inherit;font-size:17px;outline:none}.in svg{width:18px;height:18px;color:var(--lg-muted)}.chk{display:flex;align-items:center;gap:10px;color:var(--lg-text);font-size:15px;margin:-6px 0 34px;cursor:pointer}.chk input{position:absolute;opacity:0;width:0;height:0}.chk i{width:22px;height:22px;border-radius:6px;background:var(--lg-cyan);display:grid;place-items:center;color:#06202a;font-size:14px;font-weight:800}.btn-p{height:76px;border:0;border-radius:22px;font:inherit;font-size:19px;font-weight:600;color:#fff;background:linear-gradient(90deg,#3b62c8,#6a3dff);cursor:pointer;box-shadow:0 20px 50px -20px #6a3dffcc}.or{display:flex;align-items:center;gap:14px;color:var(--lg-muted);font-size:13px;margin:26px 0}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--lg-line-2)}.btn-s{height:72px;border:1px solid var(--lg-line-2);border-radius:22px;background:#0b0f1f;color:var(--lg-text);font:inherit;font-size:19px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px}.demo{text-decoration:none;color:inherit;margin-top:22px;border:1px solid var(--lg-line-2);border-radius:22px;padding:18px 20px;display:flex;align-items:center;gap:16px;background:#0b0f1f;cursor:pointer}.demo i{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,#153a48,#1e2a52);display:grid;place-items:center;color:var(--lg-cyan);font-size:22px}.demo b{display:block;font-size:17px}.demo span{color:var(--lg-muted);font-size:14px}.demo em{margin-left:auto;font-style:normal;color:var(--lg-muted);font-size:22px}.trust{margin-top:auto;padding-top:34px;color:var(--lg-muted);font-size:14px;display:flex;gap:10px;align-items:center}@media (max-width:900px){.lg{grid-template-columns:1fr}.lg-show{display:none}.lg-form{padding:40px 24px}}