@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#030b1c;--panel:#071a33;--panel2:#071426;--line:#153a65;--blue:#007bff;--neon:#009dff;--cyan:#00d9e8;--text:#f8fafc;--muted:#94a9c6;--green:#42e8b1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:14px Inter,Arial,sans-serif;min-height:100vh}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{border:0;cursor:pointer}.brand{font-weight:800;letter-spacing:.2px;display:flex;align-items:center;gap:10px}.brand em{font-size:11px;font-style:normal;display:block;letter-spacing:1.3px;color:#76dffe}.brand-mark{display:grid;place-items:center;width:34px;height:34px;color:#fff;border:1px solid #1ddbeb;border-radius:11px;background:linear-gradient(135deg,#0057c9,#00d9e8);box-shadow:0 0 24px #00bfff60;font-size:18px;font-weight:900}.eyebrow{margin:0;color:var(--cyan);font-size:10px;font-weight:800;letter-spacing:1.8px}.flash{position:relative;padding:13px 16px;border:1px solid;border-radius:12px;margin:16px 0;z-index:2}.flash.ok{color:#9af8d1;background:#0d3937;border-color:#1c806e}.flash.error{color:#ffd1d1;background:#3e1d2b;border-color:#7b3048}
/* Login */
.login-page{overflow-x:hidden;display:grid;place-items:center;padding:28px;background:radial-gradient(circle at 15% 50%,#063477 0,transparent 32%),radial-gradient(circle at 90% 7%,#0d3d6c 0,transparent 27%),#030b1c}.login-page:before,.login-page:after{content:"";position:fixed;inset:auto;pointer-events:none}.login-page:before{width:48vw;height:75vh;left:-13vw;top:13vh;border:1px solid #008dff4d;border-radius:47% 53% 61% 39%/48% 45% 55% 52%;box-shadow:0 0 70px #007bff38, inset 0 0 85px #009dff1a;transform:rotate(-20deg);animation:wave 12s ease-in-out infinite}.login-page:after{right:6vw;top:14vh;width:260px;height:440px;border-radius:18px;background:repeating-linear-gradient(180deg,#061a37 0 47px,#00bfff22 48px 50px),linear-gradient(90deg,#062046,#031124);border:1px solid #1973bd8a;box-shadow:-45px 0 110px #008cff26,0 0 36px #00d9e833;opacity:.85}.login-page .shell{width:min(100%,500px);position:relative;z-index:1}.login-page header{display:none}.login{position:relative;overflow:hidden;padding:42px 46px 26px;background:linear-gradient(145deg,#071d3bd9,#061226d9);border:1px solid #159ff266;border-radius:20px;box-shadow:0 20px 70px #000b,0 0 38px #008cff2b;backdrop-filter:blur(18px)}.login:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#00d9e8,#007bff,transparent)}.login-brand{display:flex;align-items:center;gap:10px;margin-bottom:32px;color:#fff}.login-brand strong{font-size:16px;letter-spacing:.2px}.login-brand i{font-style:normal;color:var(--cyan)}.login h1{font-size:29px;line-height:1.2;margin:9px 0 10px}.login>p:not(.eyebrow){margin:0 0 26px;color:var(--muted);line-height:1.65}.login form{display:grid;gap:17px}.login label{position:relative;display:grid;gap:8px;color:#c8d8ed;font-size:12px;font-weight:700}.login label.with-icon>span{position:absolute;bottom:13px;left:14px;color:#48dcea;font-size:15px}.login input,.login select{width:100%;height:46px;border:1px solid #214c79;border-radius:10px;background:#020e21cc;color:var(--text);padding:0 13px;outline:0;transition:border .22s,box-shadow .22s,background .22s}.login .with-icon input{padding-left:42px}.login input:focus,.login select:focus{border-color:var(--cyan);background:#04162ddd;box-shadow:0 0 0 3px #00d9e81c,0 0 18px #00bfff26}.login button,.admin-page button{min-height:46px;border-radius:10px;color:#fff;font-weight:800;background:linear-gradient(100deg,#007bff,#00d9e8);box-shadow:0 7px 22px #008cff3d;transition:transform .22s,box-shadow .22s,filter .22s}.login button span{font-size:18px;margin-left:8px}.login button:hover,.admin-page button:hover{transform:translateY(-2px);filter:brightness(1.09);box-shadow:0 11px 29px #00bfff52}.login-trust{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:29px;padding-top:18px;border-top:1px solid #1a406b;color:#9fb7d1;font-size:10px;text-align:center}.login-trust span{display:grid;gap:3px;justify-items:center}.login-trust span::first-letter{color:#30e3ef}@keyframes wave{50%{transform:rotate(-13deg) translate(20px,-18px);border-radius:58% 42% 43% 57%/43% 54% 46% 57%}}
/* Existing reseller surface preserved */
.reseller-page .shell{max-width:1180px;margin:auto;padding:22px}.reseller-page header{display:flex;justify-content:space-between;align-items:center;padding:12px 0 35px;border-bottom:1px solid #1f3657}.reseller-page .brand{font-size:18px}.reseller-page .brand span,.reseller-page .eyebrow{color:#28dce5}.reseller-page .hero{padding:55px 0 34px;background:radial-gradient(circle at 83% 30%,#163d71,transparent 35%)}.reseller-page h1{font-size:38px;max-width:700px;margin:8px 0}.reseller-page h2{font-size:20px}.reseller-page .hero p{max-width:700px;color:#adc2dc;line-height:1.6}.stats{display:flex;align-items:baseline;gap:10px;margin-top:25px}.stats b{font-size:26px;color:#fff}.stats span{color:#86a3c3;margin-right:18px}.reseller-page .card,.reseller-page .city,.reseller-page .empty{background:#0d1a2e;border:1px solid #263d5d;border-radius:14px;padding:22px;margin:20px 0}.grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:13px;align-items:end}.wide{grid-column:span 2}label{display:flex;gap:7px;flex-direction:column;color:#b7c9de;font-weight:700;font-size:12px}input,select{background:#07101f;border:1px solid #385474;border-radius:8px;padding:11px;color:#fff;font:inherit}button{background:linear-gradient(120deg,#147bd1,#1bd4d5);border:0;border-radius:8px;padding:12px 15px;color:#fff;font-weight:800}.secondary{background:#263f5e}.ghost{background:transparent;border:1px solid #516c8c}.cities{margin-top:38px}.city{background:linear-gradient(145deg,#0e1d32,#091322)}.cityhead{display:flex;justify-content:space-between;gap:20px}.city h3{font-size:23px;margin:9px 0 4px}.city p{color:#a9bfd9}.badge,.online{font-size:11px;font-weight:800;color:#58e7f1}.online{color:#4de1a4;padding:8px;border:1px solid #326756;border-radius:20px;height:max-content}.online.off{color:#ffbf7a;border-color:#715338}.data{display:flex;gap:24px;padding:19px 0}.data span{display:flex;flex-direction:column;gap:5px;color:#aabed6}.data b{font-size:20px;color:#fff}.data code{color:#69e8ed;max-width:350px;overflow:hidden;text-overflow:ellipsis}.actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.actions form{display:flex;gap:8px}.schedule{font-size:12px}.warn{color:#ffc0bd}.hint{color:#9eb6d2;line-height:1.5;margin-top:-4px}.stock-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(235px,1fr));gap:10px}.stock-item{display:grid;grid-template-columns:auto 1fr;gap:7px 10px;align-items:center;background:#0d1a2e;border:1px solid #263d5d;border-radius:10px;padding:14px}.stock-item strong{color:#d9f7ff;font-size:14px}.stock-item span:nth-of-type(2){grid-column:1/-1;color:#a9bfd9;font-size:13px}.stock-item em{grid-column:1/-1;color:#75e5b9;font-size:12px;font-style:normal}.customer-form{grid-template-columns:repeat(4,minmax(145px,1fr))}
/* Premium administrator */
.admin-page{background:radial-gradient(circle at 84% 0,#09366755,transparent 31%),#030b1c}.admin-layout{min-height:100vh;display:grid;grid-template-columns:250px minmax(0,1fr)}.sidebar{position:sticky;top:0;height:100vh;padding:27px 17px;background:linear-gradient(160deg,#041126,#030b1c);border-right:1px solid #12365e;overflow:hidden}.sidebar .brand{padding:0 11px;font-size:14px}.sidebar-divider{height:1px;margin:28px 10px;background:linear-gradient(90deg,transparent,#1a5692,transparent)}.side-nav{position:relative;z-index:1;display:grid;gap:7px}.side-nav a{display:flex;align-items:center;gap:13px;padding:12px 13px;border:1px solid transparent;border-radius:11px;color:#93aeca;font-weight:600;transition:.22s}.side-nav a i{width:19px;color:#4ccff8;font-style:normal;font-size:18px;text-align:center}.side-nav a:hover{color:#fff;background:#0a2649}.side-nav a.active{color:#fff;border-color:#1788d65c;background:linear-gradient(100deg,#076dd0,#008ac2);box-shadow:0 7px 24px #007bff38}.side-nav a.active i{color:#dffcff}.side-nav .signout{margin-top:20px}.sidebar-orbit{position:absolute;left:-96px;bottom:32px;width:300px;height:230px;border:1px solid #00c8f733;border-radius:55% 45% 52% 48%;transform:rotate(-27deg)}.sidebar-orbit:before,.sidebar-orbit:after,.sidebar-orbit span{content:"";position:absolute;border:1px solid #007bff42;border-radius:inherit;inset:18px}.sidebar-orbit:after{inset:40px}.sidebar-orbit span:first-child{inset:64px}.sidebar-status{position:absolute;bottom:16px;left:28px;margin:0;font-size:10px;color:#7196bc}.sidebar-status b{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#43e7b0;box-shadow:0 0 10px #43e7b0}.admin-main{max-width:1450px;width:100%;margin:auto;padding:0 38px 50px}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:88px;border-bottom:1px solid #143557}.breadcrumb{margin:0 0 6px;color:#5280ad;font-weight:700;font-size:10px;letter-spacing:1.3px}.topbar h2{margin:0;font-size:20px}.account{display:flex;align-items:center;gap:10px}.account-copy{display:grid;text-align:right}.account-copy b{font-size:13px}.account-copy small{margin-top:3px;color:#85a7ca;font-size:11px}.avatar{display:grid;place-items:center;width:37px;height:37px;border-radius:50%;font-weight:800;background:linear-gradient(135deg,#007bff,#00d9e8);box-shadow:0 0 19px #00bfff47}.dashboard-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;min-height:270px;margin:31px 0 20px;padding:41px 45px;border:1px solid #1674bd7a;border-radius:18px;background:radial-gradient(circle at 22% 5%,#0b4f956b,transparent 36%),linear-gradient(110deg,#071c3b,#06152b 60%,#071a35);box-shadow:inset 0 1px #4bbfff20,0 22px 45px #0007}.dashboard-hero:after{content:"";position:absolute;width:450px;height:270px;right:230px;bottom:-170px;border:1px solid #00d9e842;border-radius:50%;box-shadow:0 0 50px #007bff27;transform:rotate(20deg)}.hero-copy{position:relative;z-index:1;max-width:670px}.dashboard-hero h1{margin:8px 0 13px;font-size:clamp(29px,3.1vw,42px);line-height:1.13;letter-spacing:-1.2px}.dashboard-hero h1 span{color:var(--cyan)}.dashboard-hero p:not(.eyebrow){max-width:620px;margin:0;color:#9eb9d7;line-height:1.7}.server-visual{position:absolute;right:52px;bottom:28px;display:flex;gap:16px;align-items:end;opacity:.92}.rack{display:grid;gap:9px;width:95px;padding:14px 10px;border:1px solid #1a80c2;border-radius:8px;background:linear-gradient(90deg,#07172e,#0a2747,#061429);box-shadow:0 0 26px #00a8ff2b}.rack.second{height:151px;transform:translateY(8px);opacity:.72}.rack i{display:block;height:18px;border:1px solid #1974ad;border-radius:3px;background:linear-gradient(90deg,#0a3158 0 66%,#00d9e8 67% 70%,#0b203a 71%);box-shadow:inset 0 0 8px #00bfff38}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:26px}.admin-stats article{position:relative;display:flex;gap:15px;align-items:center;overflow:hidden;min-height:118px;padding:21px;border:1px solid #174165;border-radius:14px;background:linear-gradient(145deg,#081c37,#06152a);box-shadow:0 10px 23px #0004;transition:transform .24s,border-color .24s}.admin-stats article:hover{transform:translateY(-4px);border-color:#168de2}.admin-stats article>i{position:absolute;right:0;bottom:0;width:70%;height:3px;background:linear-gradient(90deg,transparent,#007bff,#00d9e8)}.stat-icon,.form-icon{display:grid;place-items:center;flex:none;width:46px;height:46px;border:1px solid #168fe0;border-radius:12px;color:#5eeeff;font-size:25px;background:linear-gradient(135deg,#073968,#0b1f42);box-shadow:inset 0 0 19px #008cff24}.admin-stats b{font-size:29px;line-height:1}.admin-stats p{margin:7px 0 0;color:#91acc9;font-size:12px}.admin-page .card,.admin-page .empty,.admin-page .city{border:1px solid #174165;border-radius:14px;background:linear-gradient(145deg,#071a33e8,#061426e8);box-shadow:0 14px 30px #0004}.admin-card{padding:25px;margin:20px 0}.card-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:22px}.card-title h2{margin:1px 0 6px;font-size:18px}.card-title p{margin:0;color:#92acc8;line-height:1.55;font-size:12px}.admin-page label{color:#b9cde2;letter-spacing:.1px}.admin-page input,.admin-page select{height:45px;border:1px solid #1c4c78;border-radius:9px;background:#030f22;color:#f4fbff;padding:0 12px;outline:0;transition:.22s}.admin-page input:focus,.admin-page select:focus{border-color:#00d9e8;box-shadow:0 0 0 3px #00d9e81c,0 0 17px #00bfff22}.admin-page .grid{grid-template-columns:1.15fr .8fr 1.7fr 1.25fr}.admin-page .grid .wide{grid-column:auto}.admin-page .grid button span{font-size:19px;vertical-align:-1px}.admin-section{margin-top:38px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:16px}.section-heading h2{margin:5px 0 0;font-size:21px}.section-heading>span{padding:7px 10px;border:1px solid #1f5987;border-radius:99px;color:#8fc2e5;font-size:11px}.city-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.admin-page .city{margin:0;padding:20px}.admin-page .city h3{font-size:20px}.admin-page .city p{margin:8px 0 0}.admin-page .online{background:#0b302d}.admin-page .online.off{background:#302415}.admin-page .stock-section{padding-bottom:10px}.admin-page .stock-list{margin-bottom:20px}.admin-page .stock-item{background:#061426;border-color:#174165}.admin-page .empty{padding:25px;color:#93afcb}.admin-page .secondary{background:#152e51;box-shadow:none}.admin-page .ghost{background:transparent;color:#b3cde8;box-shadow:none}.admin-page .actions button{min-height:37px;padding:8px 11px;font-size:12px}.admin-page .actions input{height:37px}.admin-page .badge{display:inline-flex;width:max-content;padding:4px 7px;border:1px solid #167ac1;border-radius:99px;background:#06284b;color:#62e5f4}.admin-page .schedule{color:#88a9c8}.admin-page .warn{color:#ffbe9c}
@media(max-width:1050px){.admin-layout{grid-template-columns:78px minmax(0,1fr)}.sidebar{padding:22px 10px}.sidebar .brand{justify-content:center;padding:0}.sidebar .brand>span:last-child,.side-nav a:not(.signout){font-size:0}.side-nav a{justify-content:center;padding:12px}.side-nav a i{font-size:20px}.side-nav .signout{font-size:0}.side-nav .signout i{font-size:20px}.sidebar-divider{margin:24px 5px}.sidebar-status{display:none}.admin-main{padding:0 25px 45px}.server-visual{right:24px;opacity:.55}.admin-page .grid{grid-template-columns:repeat(2,1fr)}.city-grid{grid-template-columns:1fr}}
@media(max-width:700px){.login-page{padding:16px;align-items:start}.login-page:before{top:55vh;left:-25vw;width:100vw;height:45vh}.login-page:after{display:none}.login{margin-top:20px;padding:31px 24px 21px}.login h1{font-size:25px}.login-trust{font-size:9px}.admin-layout{display:block}.sidebar{position:relative;height:auto;padding:14px 16px;border-right:0;border-bottom:1px solid #12365e}.sidebar .brand{justify-content:flex-start}.sidebar .brand>span:last-child{display:block}.sidebar-divider,.sidebar-orbit,.sidebar-status{display:none}.side-nav{display:flex;gap:6px;overflow-x:auto;padding-top:15px}.side-nav a,.side-nav a:not(.signout){font-size:0;min-width:45px;padding:10px}.side-nav a i{font-size:18px}.side-nav .signout{margin:0}.admin-main{padding:0 16px 32px}.topbar{min-height:75px}.breadcrumb{font-size:8px}.topbar h2{font-size:18px}.account-copy{display:none}.dashboard-hero{min-height:240px;padding:29px 24px}.dashboard-hero h1{font-size:29px}.server-visual{right:-31px;bottom:10px;transform:scale(.72);transform-origin:bottom right;opacity:.45}.admin-stats{grid-template-columns:1fr;gap:10px}.admin-stats article{min-height:96px}.admin-page .grid{grid-template-columns:1fr}.admin-card{padding:19px}.city-grid{grid-template-columns:1fr}.admin-page .data{gap:15px}.reseller-page .shell{padding:15px}.reseller-page .grid,.reseller-page .customer-form{grid-template-columns:1fr}.reseller-page .wide{grid-column:auto}.reseller-page h1{font-size:30px}.data{flex-wrap:wrap}.cityhead{align-items:flex-start}.data code{max-width:250px}.actions form{width:100%}.actions form button{flex:1}}
/* Icons supplied by Bluewave: presentation only. */
.side-nav a img{display:block;flex:none;width:20px;height:20px;object-fit:contain}
.side-nav a.active img{filter:brightness(1.4)}
.login label.with-icon>span{display:grid;place-items:center;width:20px;height:20px;left:13px;bottom:13px}
.login label.with-icon>span img{display:block;width:19px;height:19px;object-fit:contain}
.login-trust span{display:flex;flex-direction:column;align-items:center;gap:5px}
.login-trust img{display:block;width:21px;height:21px;object-fit:contain}
.login button,.admin-page .grid button{display:flex;align-items:center;justify-content:center;gap:8px}
.login button img,.admin-page .grid button img{display:block;width:19px;height:19px;object-fit:contain;filter:brightness(0) invert(1)}
.avatar img{display:block;width:23px;height:23px;object-fit:contain;filter:brightness(0) invert(1)}
.stat-icon img,.form-icon img{display:block;width:27px;height:27px;object-fit:contain}
@media(max-width:1050px){.side-nav a img{width:21px;height:21px}}
@media(max-width:700px){.side-nav a,.side-nav a:not(.signout){flex:none;justify-content:center}.side-nav a img{width:20px;height:20px}}