:root{--brand:#0088BB;--brand-fill:rgba(0,136,187,.1);--brand-fill-2:rgba(0,136,187,.06);--t1:#12283b;--t2:#37506a;--t3:#5f788f;--mute:#7f93a6;--mute2:#93a6b8;--bg:#eef2f6;--card:#fff;--soft:#fafcfd;--soft2:#f5f8fa;--side:#f6f8fa;--bd:#e6ecf1;--bd2:#eef2f5;--bd3:#f1f4f7;--dark:#083b53;--dark-tx:#cfe6f2;--green:#2f8a5b;--green2:#5b9e6e;--green-bg:rgba(47,138,91,.14);--amber:#c08a2e;--amber-bg:rgba(192,138,46,.14);--red:#c0564e;--red-bg:rgba(200,80,70,.11);--info:#2f7dd1;--r:12px;--r-sm:9px;--sh:0 1px 2px rgba(16,32,48,.04),0 8px 24px rgba(16,32,48,.05);--sh-up:0 12px 34px rgba(16,32,48,.08);--sh-modal:0 24px 64px rgba(12,28,46,.4)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;color:var(--t1);font-family:Inter,system-ui,-apple-system,sans-serif;font-size:14px;line-height:1.45;-webkit-font-smoothing:antialiased;background:radial-gradient(125% 90% at 100% -5%,rgba(0,136,187,.07),transparent 52%),#eef2f6;background-attachment:fixed}h1,h2,h3,.tt{font-family:Space Grotesk,Inter Tight,Inter,sans-serif;font-weight:700;letter-spacing:-.01em;margin:0}h1{font-size:30px;font-weight:700}a{color:var(--brand);text-decoration:none}.mono{font-family:JetBrains Mono,SFMono-Regular,ui-monospace,Menlo,monospace}.kicker{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:var(--mute)}.muted{color:var(--t3)}.small{font-size:12.5px}.app{display:flex;min-height:100vh}.side{width:256px;flex:none;background:var(--side);border-right:1px solid var(--bd);display:flex;flex-direction:column;padding:20px 15px;position:sticky;top:0;height:100vh}.side .logo{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.side .logo b{font-family:Space Grotesk;font-weight:600;font-size:16px}.nav{display:flex;flex-direction:column;gap:3px;margin-top:6px}.nav button{display:flex;align-items:center;gap:11px;padding:10px 12px;border:0;border-radius:var(--r-sm);background:transparent;color:var(--t2);font:inherit;font-weight:600;cursor:pointer;text-align:left;width:100%}.nav button:hover{background:var(--brand-fill-2);color:var(--t1)}.nav button.on{background:var(--brand);color:#fff;box-shadow:0 4px 14px #0088bb47}.nav .badge-n{margin-left:auto;background:#ffffff40;color:inherit;font-size:11px;padding:1px 7px;border-radius:20px;font-weight:700}.nav button:not(.on) .badge-n{background:var(--brand-fill);color:var(--brand)}.side .spacer{flex:1}.side .who{font-size:12px;color:var(--t3);padding:10px 8px;border-top:1px solid var(--bd);margin-top:8px}.seg{display:flex;background:#eaeff3;border:1px solid #dde5ec;border-radius:var(--r-sm);padding:3px;gap:3px;margin:8px 4px}.seg button{flex:1;border:0;background:transparent;padding:6px;border-radius:7px;font:inherit;font-weight:600;font-size:12.5px;color:var(--t3);cursor:pointer}.seg button.on{background:#fff;color:var(--brand);box-shadow:0 1px 2px #10203024}.main{flex:1;min-width:0}.wrap{padding:clamp(28px,2.4vw,64px);max-width:min(2100px,100%);margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:22px;gap:16px}.card{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);box-shadow:var(--sh)}.card.pad{padding:18px}.grid{display:grid;gap:16px}.stat{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);padding:16px 18px;box-shadow:var(--sh)}.stat .n{font-family:Space Grotesk;font-size:26px;font-weight:700}.stat .l{font-size:12px;color:var(--mute);text-transform:uppercase;letter-spacing:.08em;font-weight:700}.badge{display:inline-flex;align-items:center;gap:5px;font-size:11.5px;font-weight:700;padding:2px 9px;border-radius:20px;background:var(--brand-fill);color:var(--brand)}.badge.g{background:var(--green-bg);color:var(--green)}.badge.a{background:var(--amber-bg);color:var(--amber)}.badge.r{background:var(--red-bg);color:var(--red)}.badge.muted{background:var(--bd3);color:var(--t3)}.btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--bd);background:#fff;color:var(--t1);font:inherit;font-weight:600;padding:9px 15px;border-radius:var(--r-sm);cursor:pointer;transition:.12s}.btn:hover{border-color:var(--brand);color:var(--brand)}.btn.pri{background:var(--brand);border-color:var(--brand);color:#fff}.btn.pri:hover{filter:brightness(1.06);color:#fff}.btn.soft{background:var(--brand-fill);border-color:transparent;color:var(--brand)}.btn.ghost{background:transparent;border-color:var(--bd)}.btn.sm{padding:6px 11px;font-size:12.5px}.btn.block{width:100%;justify-content:center}.btn:disabled{opacity:.5;cursor:not-allowed}label.fl{display:block;font-size:12px;font-weight:700;color:var(--t3);margin:0 0 5px;text-transform:uppercase;letter-spacing:.05em}.inp,select.inp{width:100%;border:1px solid var(--bd);border-radius:var(--r-sm);padding:9px 11px;font:inherit;background:#fff;color:var(--t1);outline:none}.inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-fill-2)}.field{margin-bottom:13px}.row{display:flex;gap:10px}.step{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);padding:16px;box-shadow:var(--sh)}.step .h{display:flex;align-items:center;gap:10px;margin-bottom:12px}.step .num{width:24px;height:24px;border-radius:50%;background:var(--brand-fill);color:var(--brand);font-weight:700;font-size:12px;display:grid;place-items:center;font-family:Space Grotesk}.step .t{font-weight:700;font-family:Space Grotesk;font-size:14.5px}.check{display:flex;align-items:center;gap:10px;padding:9px 11px;border:1px solid var(--bd2);border-radius:var(--r-sm);margin-top:8px;cursor:pointer}.check.on{border-color:var(--brand);background:var(--brand-fill-2)}.summary{position:sticky;top:24px;align-self:start}.sumrow{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px dashed var(--bd2);font-size:13px}.sumrow .v{font-weight:600;font-variant-numeric:tabular-nums}.bigprice{font-family:Space Grotesk;font-size:30px;font-weight:700;letter-spacing:-.02em}.priceblock{background:linear-gradient(140deg,#083b53,var(--brand));color:#fff;border-radius:var(--r);padding:16px 18px;margin-top:12px;box-shadow:0 8px 22px #006e9647}.priceblock .strk{text-decoration:line-through;color:#90a8bd;font-size:13px}.codeblk{background:var(--dark);color:var(--dark-tx);border-radius:var(--r);padding:13px 15px;font-family:JetBrains Mono,SFMono-Regular,ui-monospace,monospace;font-size:12.5px;line-height:1.7;white-space:pre-wrap}table.tbl{width:100%;border-collapse:collapse;font-size:13px}.tbl th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--mute);font-weight:700;padding:8px 10px;border-bottom:1px solid var(--bd)}.tbl td{padding:9px 10px;border-bottom:1px solid var(--bd2)}.tbl tr:hover td{background:var(--soft)}.tbl .num{text-align:right;font-variant-numeric:tabular-nums}.pcard{background:var(--card);border:1px solid var(--bd2);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);display:flex;flex-direction:column;cursor:pointer;transition:.14s}.pcard:hover{box-shadow:var(--sh-up);transform:translateY(-2px)}.pcard.sel{border:2px solid var(--brand)}.pcard .img{height:130px;background:var(--soft2) center/contain no-repeat;border-bottom:1px solid var(--bd2)}.pcard .body{padding:12px 13px;flex:1}.pcard .ttl{font-weight:700;font-size:14px}.pcard .foot{padding:11px 13px;background:var(--soft);border-top:1px solid var(--bd2);display:flex;align-items:center;justify-content:space-between}.pill{border:1px solid var(--bd);background:#fff;border-radius:20px;padding:6px 14px;font-weight:600;font-size:13px;cursor:pointer}.pill.on{background:var(--brand);border-color:var(--brand);color:#fff}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{background:var(--bd3);border-radius:7px;padding:3px 9px;font-size:12px;color:var(--t2);font-weight:600}.toast{position:fixed;top:18px;right:18px;background:var(--dark);color:#fff;padding:12px 18px;border-radius:var(--r);box-shadow:var(--sh-modal);z-index:60;font-weight:600;font-size:13.5px;animation:fadeUp .2s}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0c1c2e73;display:grid;place-items:center;z-index:50;animation:ovIn .18s}.modal{background:#fff;border-radius:14px;box-shadow:var(--sh-modal);width:min(460px,92vw);padding:22px;animation:fadeUp .22s}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes ovIn{0%{opacity:0}to{opacity:1}}@keyframes pulseIn{0%{transform:scale(.96)}60%{transform:scale(1.03)}to{transform:scale(1)}}@keyframes stepIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.pulse{animation:pulseIn .25s}.step-in{animation:stepIn .38s cubic-bezier(.4,0,.2,1)}.authwrap{min-height:100vh;display:grid;place-items:center;background:radial-gradient(125% 85% at 85% 5%,rgba(0,136,187,.1),transparent 55%),var(--bg)}.authcard{width:404px;max-width:94vw;background:#fff;border:1px solid var(--bd2);border-radius:16px;box-shadow:var(--sh-up);padding:30px 28px}.tabs{display:flex;background:var(--bd3);border-radius:var(--r-sm);padding:3px;margin:18px 0}.tabs button{flex:1;border:0;background:transparent;padding:9px;border-radius:7px;font:inherit;font-weight:700;color:var(--t3);cursor:pointer}.tabs button.on{background:#fff;color:var(--brand);box-shadow:0 1px 3px #1020301f}.errbar{background:var(--red-bg);color:var(--red);border:1px solid rgba(200,80,70,.25);border-radius:var(--r-sm);padding:9px 12px;font-size:13px;font-weight:600;margin-bottom:12px}.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px}@media (max-width:900px){.cols2{grid-template-columns:1fr}}