:root{--ink:#eaf2ff;--muted:#9badc9;--bg:#060a16;--panel:#10182b;--line:#263555;--cyan:#34d9ff;--violet:#8268ff}*{box-sizing:border-box}body{color:var(--ink);background:radial-gradient(circle at 70% -10%,#172a62 0,transparent 32rem),var(--bg);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1160px;margin:auto;padding:0 24px}nav{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:76px;display:flex}.brand{letter-spacing:-1px;font-size:22px;font-weight:800}.brand b{color:var(--cyan)}.links{color:var(--muted);gap:25px;font-size:14px;display:flex}.button{background:linear-gradient(135deg,var(--cyan),#718bff);color:#06101d;cursor:pointer;border:0;border-radius:10px;align-items:center;gap:8px;padding:12px 18px;font-weight:800;display:inline-flex}.button.secondary{color:var(--ink);border:1px solid var(--line);background:0 0}.hero{grid-template-columns:1.1fr .9fr;align-items:center;gap:55px;padding:105px 0 75px;display:grid}.eyebrow{color:var(--cyan);text-transform:uppercase;letter-spacing:2px;font-size:12px;font-weight:800}.hero h1{letter-spacing:-3px;margin:17px 0;font-size:clamp(42px,6vw,70px);line-height:1.02}.hero p,.intro{color:var(--muted);max-width:640px;font-size:18px;line-height:1.6}.actions{flex-wrap:wrap;gap:12px;margin-top:29px;display:flex}.visual{background:linear-gradient(145deg,#142c6a88,#10172dcc);border:1px solid #35529c;border-radius:24px;min-height:315px;padding:26px;box-shadow:0 20px 80px #0008}.server{color:#bdcbeb;background:#0a1123;border:1px solid #375592;border-radius:14px;margin:12px 0;padding:18px}.dot{background:#54ed9e;border-radius:100%;width:9px;height:9px;margin-right:10px;display:inline-block}.stats,.grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.stat,.card{border:1px solid var(--line);background:#0e1628cc;border-radius:14px;padding:20px}.stat strong{color:var(--cyan);font-size:28px;display:block}.section{padding:58px 0}.section h2{letter-spacing:-1px;font-size:33px}.card h3{margin:0 0 10px}.price{margin:18px 0;font-size:28px;font-weight:800}.muted{color:var(--muted)}.tag{color:#c9d9ff;background:#273e83;border-radius:999px;padding:5px 9px;font-size:12px;display:inline-block}.card ul{color:var(--muted);padding-left:18px;font-size:14px;line-height:1.8}.card .button{justify-content:center;width:100%;margin-top:10px}.footer{border-top:1px solid var(--line);color:var(--muted);padding:32px 0;font-size:14px}.admin{background:#080c15;min-height:100vh}.admin-header{border-bottom:1px solid var(--line);padding:18px 0}.admin-main{padding:42px 0}.admin-top{justify-content:space-between;align-items:center;gap:16px;display:flex}.notice{color:#ffe695;background:#29230f;border:1px solid #685c21;border-radius:10px;margin:22px 0;padding:15px 17px}.table-wrap{border:1px solid var(--line);border-radius:14px;overflow:auto}.table{border-collapse:collapse;background:#0d1424;width:100%}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:15px;font-size:14px}.table th{color:var(--muted);font-weight:600}.status{color:#65e3a3}.empty{text-align:center;color:var(--muted);padding:45px}.modal{background:#02050bbd;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{border:1px solid var(--line);background:#10182b;border-radius:16px;width:min(660px,100%);max-height:90vh;padding:27px;overflow:auto}.dialog h2{margin-top:0}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{flex-direction:column;gap:7px;display:flex}.field.full{grid-column:1/-1}label{color:#bfcbe2;font-size:13px}input,textarea,select{color:var(--ink);font:inherit;background:#080e1b;border:1px solid #31415f;border-radius:8px;padding:11px 12px}textarea{min-height:80px}.form-actions{justify-content:flex-end;gap:10px;margin-top:22px;display:flex}.product-preview{background:linear-gradient(145deg,#122254,#090f20);border:1px solid #325199;border-radius:20px;padding:22px;box-shadow:0 25px 90px #02030a}.preview-head{align-items:center;gap:9px;font-size:14px;display:flex}.preview-head b{color:#63eba9;margin-left:auto}.preview-chart{align-items:end;gap:10px;height:144px;padding:23px 4px;display:flex}.preview-chart i{background:linear-gradient(#736cff,#25d7ff);border-radius:6px 6px 2px 2px;width:100%}.preview-chart i:first-child{height:38%}.preview-chart i:nth-child(2){height:64%}.preview-chart i:nth-child(3){height:51%}.preview-chart i:nth-child(4){height:86%}.preview-chart i:nth-child(5){height:65%}.preview-chart i:nth-child(6){height:100%}.preview-chart i:nth-child(7){height:84%}.preview-row{color:var(--muted);border-top:1px solid #26385e;justify-content:space-between;padding:15px 0;display:flex}.preview-row strong{color:var(--ink);font-size:14px}.console{background:#090d16;min-height:100vh;display:flex}.sidebar{background:#0c1220;border-right:1px solid #202c45;flex-direction:column;gap:5px;width:245px;padding:27px 16px;display:flex}.sidebar .brand{padding:0 10px 28px}.sidebar a{color:#9dacca;border-radius:9px;align-items:center;gap:11px;padding:11px;font-size:14px;display:flex}.sidebar a:hover,.side-active{background:#182440;color:#eaf2ff!important}.side-label{color:#657594;text-transform:uppercase;letter-spacing:1.2px;margin:17px 10px 5px;font-size:11px}.side-bottom{color:#9badc9;margin-top:auto;padding:12px;font-size:12px}.console-main{flex:1;max-width:1500px;padding:45px}.console-header{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.console-header h1{margin:8px 0 0;font-size:30px}.setup{background:linear-gradient(100deg,#172e66,#202157);border:1px solid #3b61b0;border-radius:14px;margin-bottom:26px;padding:20px 23px}.setup p{color:#c1d2f8;margin:8px 0}.setup span{color:#57dcff;font-size:12px;font-weight:700}.metric-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.metric{background:#101829;border:1px solid #253450;border-radius:13px;padding:17px}.metric-icon{color:#57dcff;background:#17305b;border-radius:9px;place-items:center;width:38px;height:38px;display:grid}.metric p{color:var(--muted);margin:16px 0 5px;font-size:13px}.metric strong{font-size:25px;display:block}.metric small{color:#7384a5;font-size:11px}.dashboard-grid{grid-template-columns:2fr 1fr;gap:16px;margin-top:18px;display:grid}.dash-card{background:#101829;border:1px solid #253450;border-radius:13px;padding:20px}.card-title{justify-content:space-between;display:flex}.card-title h2{margin:0;font-size:17px}.card-title p{color:var(--muted);margin:5px 0;font-size:13px}.quick{gap:9px;margin-top:21px;display:grid}.quick a{color:#c9d9ff;background:#162037;border-radius:8px;padding:12px;font-size:13px}@media (max-width:760px){.links{display:none}.hero{grid-template-columns:1fr;padding-top:64px}.stats,.grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.admin-top{flex-direction:column;align-items:flex-start}.sidebar{display:none}.console-main{padding:25px 18px}.console-header{flex-direction:column;align-items:flex-start;gap:14px}.metric-grid,.dashboard-grid{grid-template-columns:1fr}}