:root{--bg:#050c17;--bg2:#081629;--card:#0d1c30;--card2:#102642;--text:#f7fbff;--muted:#94a9c1;--brand:#21a6ff;--brand2:#735dff;--line:rgba(137,180,221,.18);--good:#35da8b;--warn:#ffc857;--danger:#ff6573;--shadow:0 24px 70px rgba(0,0,0,.35)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:radial-gradient(circle at 15% -10%,#102a4b 0,transparent 30%),linear-gradient(180deg,var(--bg),#071528 55%,var(--bg));color:var(--text);min-height:100vh}a{color:inherit;text-decoration:none}.aurora{position:fixed;pointer-events:none;filter:blur(100px);opacity:.14;border-radius:50%;z-index:-1}.a1{width:430px;height:430px;background:#188dff;top:10%;left:-180px}.a2{width:520px;height:520px;background:#6848ff;right:-240px;top:38%}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:17px clamp(20px,4vw,70px);background:rgba(5,12,23,.78);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.07)}.brand{font-size:25px;font-weight:950;letter-spacing:-1.2px}.brand span{color:var(--brand)}.brand small{display:block;font-size:9px;letter-spacing:2.4px;text-transform:uppercase;color:#6f8daa}.topbar nav{display:flex;align-items:center;gap:22px;font-size:14px;color:#d9e8f7}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:13px;padding:12px 18px;font-weight:850;cursor:pointer;font-size:14px;transition:.18s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff;box-shadow:0 10px 28px rgba(33,166,255,.24)}.ghost{border:1px solid var(--line);background:rgba(13,28,48,.72)}.danger{background:#401822;color:#ffd8dd}.success{background:#123825;color:#c9ffe0}.wrap{max-width:1420px;margin:auto;padding:46px clamp(18px,4vw,62px) 90px}.hero{display:grid;grid-template-columns:1.15fr .85fr;gap:34px;align-items:stretch;margin-bottom:34px}.hero-card,.card{background:linear-gradient(145deg,rgba(16,38,66,.94),rgba(8,22,39,.96));border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow)}.hero-card{padding:38px}.eyebrow{color:#63caff;text-transform:uppercase;font-weight:900;font-size:11px;letter-spacing:1.7px}.hero h1{font-size:clamp(38px,5vw,66px);letter-spacing:-3px;line-height:1;margin:14px 0 18px}.hero p,.muted{color:var(--muted);line-height:1.65}.side-status{padding:30px;display:grid;gap:15px}.status-line{padding:16px 17px;border:1px solid rgba(255,255,255,.08);background:rgba(4,13,24,.48);border-radius:16px}.status-line b{display:block;font-size:24px}.status-line small{color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{padding:24px}.card h2,.card h3{margin-top:0}.metric{font-size:38px;font-weight:950;letter-spacing:-2px}.metric small{font-size:13px;color:var(--muted);font-weight:700;letter-spacing:0}.table-wrap{overflow:auto;border-radius:18px;border:1px solid var(--line)}table{width:100%;border-collapse:collapse;background:rgba(8,22,39,.8)}th,td{padding:14px 16px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06);font-size:14px}th{color:#8fb1d2;font-size:11px;text-transform:uppercase;letter-spacing:.8px}tr:last-child td{border-bottom:0}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.5px;background:rgba(33,166,255,.12);color:#72cfff;border:1px solid rgba(33,166,255,.2)}.badge.active,.badge.paid{background:rgba(53,218,139,.1);color:#75ecae;border-color:rgba(53,218,139,.2)}.badge.pending{background:rgba(255,200,87,.09);color:#ffd77a;border-color:rgba(255,200,87,.18)}.badge.cancelled,.badge.expired,.badge.suspended{background:rgba(255,101,115,.09);color:#ff9aa5;border-color:rgba(255,101,115,.18)}.form-card{max-width:620px;margin:40px auto;padding:32px}.stack{display:grid;gap:17px}label{display:grid;gap:8px;font-size:12px;font-weight:800;color:#d6e5f3}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:11px;background:#071525;color:#fff;padding:12px 13px;font:inherit;outline:none}input:focus,select:focus,textarea:focus{border-color:#31a9f7;box-shadow:0 0 0 3px rgba(33,166,255,.12)}.alert{padding:13px 15px;border-radius:11px;margin:15px 0;font-weight:750}.alert.error{background:#3a1720;color:#ffd8dc}.alert.ok{background:#123825;color:#c9ffe0}.catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product{position:relative}.product .icon{font-size:36px}.product .price{font-size:34px;font-weight:950;margin:18px 0}.product ul{padding-left:20px;color:#cfe0ef;line-height:1.8}.actions{display:flex;gap:10px;flex-wrap:wrap}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:12px 0 22px}.section-head h1{font-size:38px;letter-spacing:-1.7px;margin:0}.section-head p{margin:6px 0 0;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.wide{grid-column:1/-1}.login-note{font-size:12px;color:var(--muted)}footer{padding:28px clamp(20px,4vw,70px);border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#6f8daa;font-size:12px}@media(max-width:1000px){.hero,.grid,.catalog,.admin-grid{grid-template-columns:1fr 1fr}.hero-card{grid-column:1/-1}}@media(max-width:720px){.topbar{align-items:flex-start;gap:12px}.topbar nav{gap:8px;flex-wrap:wrap;justify-content:flex-end}.topbar nav a:not(.btn){display:none}.hero,.grid,.grid.two,.catalog,.admin-grid,.form-grid{grid-template-columns:1fr}.wide{grid-column:auto}.hero-card{grid-column:auto}.wrap{padding-top:25px}.section-head{align-items:flex-start;flex-direction:column}.hero h1{letter-spacing:-2px}footer{flex-direction:column;gap:6px}}

.selected-product{outline:2px solid rgba(61,166,255,.8);box-shadow:0 0 0 5px rgba(61,166,255,.10),0 20px 60px rgba(0,0,0,.22)}