:root{
  --bg:#071018;--panel:#0d1722;--panel2:#101d29;--line:#203445;--text:#f4f7fa;--muted:#9db0bf;
  --cyan:#18e1d5;--blue:#2d8cff;--danger:#ff6675;--warn:#ffbe55;--ok:#4ee29b;--shadow:0 18px 45px rgba(0,0,0,.28)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top right,#0d2b35 0,#071018 35%,#050b11 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{position:sticky;top:0;z-index:50;background:rgba(5,11,17,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.12em}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.brand span{font-size:20px}.navlinks{display:flex;align-items:center;gap:18px;color:#c2d0da;font-size:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:14px;padding:11px 16px;font-weight:700;cursor:pointer;transition:.2s;background:#142231;color:white}.btn:hover{transform:translateY(-1px);border-color:#35526b}.btn-primary{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#031119;box-shadow:0 10px 30px rgba(24,225,213,.16)}.btn-danger{background:#3a1820;color:#ffb9c0;border-color:#632933}.btn-ghost{background:transparent;border-color:#2a4052}.btn-sm{padding:8px 11px;border-radius:10px;font-size:13px}.hero{padding:88px 0 52px;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:7px 11px;border-radius:999px;background:#0d232a;border:1px solid #1a5055;color:#9ff6ee;font-size:12px;font-weight:700}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;margin:18px 0 18px;letter-spacing:-.04em}.grad{background:linear-gradient(90deg,#fff,#89f5ef 45%,#5aa7ff);-webkit-background-clip:text;color:transparent}.hero p{font-size:18px;line-height:1.7;color:#b4c4cf;max-width:720px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.mock{background:linear-gradient(180deg,#0f1e2b,#0a141e);border:1px solid #244154;border-radius:28px;padding:18px;box-shadow:var(--shadow);position:relative;overflow:hidden}.mock:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;background:#16d5c629;filter:blur(20px);right:-70px;top:-60px}.mock img{display:block;border-radius:22px;position:relative}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,rgba(15,29,41,.96),rgba(10,20,29,.96));border:1px solid var(--line);border-radius:20px;padding:20px;box-shadow:0 12px 35px rgba(0,0,0,.12)}.card h3,.card h4{margin:0 0 10px}.metric{font-size:28px;font-weight:800;letter-spacing:-.03em}.muted{color:var(--muted)}.section{padding:54px 0}.section h2{font-size:36px;margin:0 0 12px}.section-lead{color:#aebfcb;max-width:760px;line-height:1.7}.feature{min-height:190px}.feature .icon{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#103943,#14305b);border:1px solid #285269;margin-bottom:15px}.footer{padding:36px 0;border-top:1px solid #1c2c39;color:#8ea3b2;margin-top:48px}.auth-wrap{min-height:calc(100vh - 75px);display:grid;place-items:center;padding:30px 0}.auth-card{width:min(500px,100%);padding:28px}.form-group{margin-bottom:14px}.form-group label{display:block;font-size:13px;color:#adc0cd;margin:0 0 7px}.input,.select,.textarea{width:100%;background:#08121b;border:1px solid #263d4f;color:white;border-radius:12px;padding:12px 13px;outline:none}.input:focus,.select:focus,.textarea:focus{border-color:#23aeb6;box-shadow:0 0 0 3px #1de2d315}.textarea{min-height:110px;resize:vertical}.alert{padding:13px 15px;border-radius:13px;margin:12px 0;border:1px solid}.alert-success{background:#0d2d24;border-color:#235d49;color:#bff6df}.alert-danger{background:#35171d;border-color:#672c39;color:#ffd0d5}.alert-warn{background:#342714;border-color:#6e5426;color:#ffe0a5}.shell{display:grid;grid-template-columns:260px 1fr;min-height:calc(100vh - 75px)}.sidebar{border-right:1px solid #1c2e3b;padding:20px 16px;background:#08121a}.side-title{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:#638094;margin:18px 10px 8px}.side-link{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:12px;color:#adc0cd;margin-bottom:4px}.side-link:hover,.side-link.active{background:#112433;color:#fff}.content{padding:28px}.page-title{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:20px}.page-title h1{margin:0 0 4px;font-size:30px}.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.kpi{padding:18px}.kpi .label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#7f96a7}.kpi .value{font-size:26px;font-weight:800;margin-top:7px}.table-wrap{overflow:auto;border-radius:16px;border:1px solid #223646}.table{width:100%;border-collapse:collapse;min-width:720px;background:#0c1721}.table th,.table td{padding:13px 14px;border-bottom:1px solid #1b2d3a;text-align:left;font-size:14px}.table th{color:#7890a1;font-size:12px;text-transform:uppercase;letter-spacing:.05em}.badge{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:800;background:#1a2a37;color:#d9e5ec}.badge.ok{background:#123429;color:#a7f2d2}.badge.warn{background:#3a2a11;color:#ffd694}.badge.danger{background:#3a171f;color:#ffbec5}.progress{height:10px;border-radius:999px;background:#172633;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--blue));border-radius:999px}.plan{position:relative;overflow:hidden}.plan:after{content:"";position:absolute;width:140px;height:140px;border-radius:50%;right:-60px;top:-60px;background:#16dacc1b}.plan .rate{font-size:34px;font-weight:900;color:#8df9f1}.numbers{display:grid;grid-template-columns:repeat(10,1fr);gap:7px}.num{padding:9px 5px;text-align:center;border-radius:9px;border:1px solid #284153;background:#0c1721;font-size:12px;cursor:pointer}.num.available:hover{border-color:#2fd4ce}.num.reserved{background:#3b2c14;color:#ffd89a}.num.paid{background:#12362b;color:#9cf1ce}.num input{display:none}.num.selected{outline:2px solid #22d8d0}.safe-banner{background:linear-gradient(90deg,#3a2a14,#2c2010);border-bottom:1px solid #6f5526;color:#ffd997;text-align:center;padding:8px 12px;font-size:12px;font-weight:700}.logo-large{width:100%;max-width:440px;border-radius:26px;box-shadow:0 30px 70px rgba(0,0,0,.35)}.split{display:grid;grid-template-columns:1fr 1fr;gap:18px}.empty{padding:28px;text-align:center;color:#7890a1}.right{text-align:right}.nowrap{white-space:nowrap}.actions{display:flex;gap:8px;flex-wrap:wrap}.pill{padding:6px 9px;border-radius:999px;background:#10212e;color:#a9c0cf;font-size:12px}.countdown{font-variant-numeric:tabular-nums;font-size:18px;font-weight:800;color:#a2fff8}.mobile-nav{display:none}.hide-mobile{display:block}
@media(max-width:980px){.hero{grid-template-columns:1fr}.grid-4,.kpis{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:1fr 1fr}.shell{grid-template-columns:1fr}.sidebar{display:none}.content{padding:20px 0}.mobile-nav{display:flex;position:fixed;z-index:60;bottom:10px;left:50%;transform:translateX(-50%);width:min(94%,620px);background:#0a141ded;border:1px solid #294052;border-radius:18px;padding:8px;backdrop-filter:blur(18px);justify-content:space-around}.mobile-nav a{font-size:11px;color:#b1c2cd;padding:8px}.hide-mobile{display:none}}
@media(max-width:680px){.container{width:min(100% - 22px,1180px)}.navlinks>a:not(.btn){display:none}.hero{padding-top:46px}.hero h1{font-size:42px}.grid-2,.grid-3,.grid-4,.kpis,.split{grid-template-columns:1fr}.numbers{grid-template-columns:repeat(5,1fr)}.content{padding-bottom:90px}.page-title{flex-direction:column}.section h2{font-size:30px}.card{padding:16px}.metric{font-size:24px}}