:root{--bg:#04101d;--bg2:#071d30;--card:#091d30;--line:#21415a;--cyan:#20d8ff;--blue:#248dff;--mint:#2df3c4;--white:#f3fbff;--muted:#93b0c9;--danger:#ff4d70;--warn:#ffcb58}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#061321;color:var(--white);font:15px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,'Segoe UI',Arial,sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.topbar{height:72px;position:sticky;z-index:20;top:0;background:#041222ed;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1370px)/2));border-bottom:1px solid #16425b;backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;font-size:24px;font-weight:950;letter-spacing:.6px;white-space:nowrap;gap:7px}.brand b{color:var(--cyan)}.vmark{font-size:38px;font-weight:1000;color:var(--cyan);font-style:italic;line-height:1;margin-right:6px;text-shadow:0 0 18px #1bdfff8f}.nav{display:flex;align-items:center;gap:23px;font-size:13px}.nav>a{color:#c9e3fa}.nav>a:hover{color:var(--cyan)}.nav-admin,.primary{border:1px solid #58dbff;background:linear-gradient(105deg,#16cbf7,#378dff);color:#011521;font-weight:850;border-radius:9px;padding:11px 17px;box-shadow:0 0 18px #08c9ff38}.open-label{font-size:9px;background:#021a2c;color:#92eaff;padding:3px 5px;margin-left:4px;border-radius:5px}.hamb{display:none;background:#0c253a;color:white;border:1px solid #2b5d77;border-radius:8px;font-size:23px}.hero{min-height:465px;overflow:hidden;position:relative;border-bottom:1px solid #163a50;background:radial-gradient(ellipse at 78% 40%,#13508a,#061a30 48%,#03101e 80%);display:flex;justify-content:space-between;align-items:center;padding:65px max(30px,calc((100vw - 1300px)/2));gap:40px}.hero:before{content:'';position:absolute;inset:0;opacity:.28;background:repeating-linear-gradient(115deg,transparent 0 56px,#1661ac 57px,transparent 58px),linear-gradient(0deg,#00101d,#00101d00)}.hero-copy{position:relative;z-index:2;max-width:660px}.eyebrow{font-size:11px;letter-spacing:2px;color:#5fe5ff;font-weight:900}.hero h1{font-size:clamp(43px,6vw,77px);line-height:1.02;letter-spacing:-3px;margin:17px 0 8px;font-weight:950}.hero h1 em{font-style:normal;color:var(--cyan);text-shadow:0 0 30px #13bfff62}.hero h2{margin:0;font-size:23px}.hero p{color:#c1d8eb;font-size:15px;max-width:550px;margin:14px 0 25px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.ghost{border:1px solid #2bade6;border-radius:9px;padding:12px 19px;font-weight:750;background:#031c34a8}.spec-row{display:flex;gap:22px;color:#afe4f3;font-size:12px;margin-top:30px;flex-wrap:wrap}.hero-decor{position:absolute;right:9%;width:420px;height:460px;pointer-events:none;opacity:.9}.halo{position:absolute;inset:70px 0 0;border:2px solid #14caff4a;border-radius:50%;box-shadow:0 0 90px #17caff44,0 0 0 55px #21bdff0b,0 0 0 110px #21bdff09}.tower{position:absolute;right:100px;top:65px;font-size:240px;color:#57dfff;transform:scaleX(.45);text-shadow:0 0 40px #31d2ff}.tower-beam{position:absolute;right:185px;top:85px;width:5px;height:330px;background:linear-gradient(#48e5ff,transparent);box-shadow:0 0 50px 35px #13c4ff3c;transform:rotate(-17deg)}.hero-state{position:relative;z-index:2;width:220px;flex:none;background:#05182bcf;border:1px solid #2ac4e77d;border-radius:18px;padding:22px;box-shadow:0 0 60px #15d0fe38}.smallcap{font-size:10px;letter-spacing:1.8px;color:#a0d0e7}.hero-state strong{display:block;font-size:55px;color:#46dbff;line-height:1.4}.hero-state span{color:#d2f0fc}.hero-state small{display:block;color:#7eafc6;font-size:10px;margin-top:12px}.line-glow{height:3px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);margin-top:18px}.section{max-width:1350px;padding:46px 25px;margin:auto;scroll-margin-top:74px}.section-title{display:flex;align-items:center;gap:18px;margin-bottom:23px}.section-title h2{font-size:27px;line-height:1.1;margin:0;font-weight:950}.section-title p{font-size:13px;color:var(--muted);margin:5px 0}.title-glyph{color:var(--cyan);font-size:36px;text-shadow:0 0 20px #11e3ff9e}.tiny-btn{margin-left:auto;background:#0b2942;border:1px solid #277ba1;border-radius:8px;color:#94edff;padding:9px 12px}.packages{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.package-card{background:linear-gradient(145deg,#0d243a,#061421);border:1px solid #244c6a;padding:18px;border-radius:12px}.package-card.hot{border-color:#38d8ff;box-shadow:0 0 14px #13c9ff52}.package-card h3{font-size:13px;margin:0}.package-speed{font-size:30px;font-weight:950;color:#41f4df;margin:3px 0}.package-price{font-weight:850;font-size:23px}.package-card small{color:var(--muted)}.package-card ul{list-style:none;margin:12px 0;padding:0;color:#d5e8f0;font-size:12px;line-height:2.1}.package-card li:before{content:'✓';color:var(--mint);margin-right:6px}.package-card button{background:#062336;border:1px solid #1598d1;border-radius:7px;padding:9px;width:100%;color:#85e5ff}.map-layout{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:17px}.map-card,.station-detail,.panel{background:#071c2f;border:1px solid #244e69;border-radius:13px;overflow:hidden}.map-tools{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;border-bottom:1px solid #21465b;gap:15px}.map-kicker{font-size:11px;letter-spacing:1.6px;color:#5bdcff}.legend{display:flex;align-items:center;gap:7px;color:#b7d3e3;font-size:11px}.led{display:inline-block;border-radius:50%;height:8px;width:8px;margin-left:8px}.led.good{background:#36f5a7;box-shadow:0 0 10px #36f5a7}.led.bad{background:#ff4771;box-shadow:0 0 12px #ff4771}.led.warn{background:#ffd76e}.network-map{height:390px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 48% 56%,#144678,#071f3c 62%,#05182b);isolation:isolate}.map-grid{position:absolute;inset:-50%;transform:rotate(-15deg);opacity:.22;background-image:linear-gradient(#18b1ff 1px,transparent 1px),linear-gradient(90deg,#18b1ff 1px,transparent 1px);background-size:40px 40px}.network-map:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at center,transparent 20%,#031529b4 95%)}.map-label{position:absolute;color:#83c9f2;font-size:12px;letter-spacing:2px;font-weight:850;z-index:1;text-shadow:0 2px 5px #08182c}.country-ba{top:56%;left:36%}.country-hr{top:25%;left:10%}.country-rs{top:37%;left:80%}.marker{position:absolute;width:16px;height:16px;border:2px solid #71fcff;background:#09caff;box-shadow:0 0 12px #02bfff;border-radius:50%;z-index:2;transform:translate(-50%,-50%);padding:0;animation:pulse 2.8s ease-in-out infinite}.marker.bad{background:#f34c76;border-color:#ffd5db;box-shadow:0 0 15px #ff366e;animation:alarmPulse .85s ease-in-out infinite}.marker.warn{background:#e5b34b;border-color:#ffe1a0;box-shadow:0 0 14px #e5b34b}.marker.active{outline:2px solid #f5fcff;outline-offset:5px}.marker:hover{transform:translate(-50%,-50%) scale(1.4)}@keyframes pulse{50%{box-shadow:0 0 20px 5px #06d5ff9e}}@keyframes alarmPulse{50%{background:#6a0b2c;box-shadow:0 0 28px 10px #ff336a}}.map-foot{display:flex;justify-content:space-between;padding:10px 14px;font-size:11px;color:#9ac1d8;gap:12px}.station-detail{padding:18px}.detail-title{color:var(--cyan);font-size:10px;letter-spacing:2px;font-weight:850}.station-detail h3{font-size:19px;margin:7px 0 2px}.station-detail p{font-size:12px;color:var(--muted)}.status-pill{display:inline-block;background:#123a35;color:#4cf6b5;border:1px solid #276b52;border-radius:6px;font-size:11px;padding:4px 8px;font-weight:800}.status-pill.bad{background:#42172c;color:#ff8fa5;border-color:#973655}.status-pill.warn{background:#45311b;color:#ffd476;border-color:#886535}.statline{display:flex;justify-content:space-between;border-bottom:1px solid #21425b;padding:11px 0;font-size:12px}.statline strong{color:#d5f5ff}.detail-btn{background:#063150;border:1px solid #26b6f6;color:#b5f6ff;border-radius:8px;padding:10px;width:100%;margin-top:18px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:19px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:12px}.section-head h3{margin:0 0 12px}.section-head select{max-width:180px;border:1px solid #285979;background:#0a2943;color:#d6edff;padding:8px;border-radius:7px}.public-status{max-height:310px;overflow-y:auto}.pubrow,.side-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px;border-bottom:1px solid #1e4158;font-size:12px}.pubrow .loc-name{flex:1}.pubrow small{display:block;color:#6998b3}.incident-alert{padding:18px;border:1px solid #32526c;border-radius:10px;background:#102b42;margin:8px 0 14px;min-height:94px}.incident-alert strong{display:block}.incident-alert p{margin:6px 0;color:#b6d4e3;font-size:12px}.public-log{max-height:160px;overflow:auto;font-size:12px}.logrow{padding:8px;border-bottom:1px solid #15394e;color:#c2d7e7}.logrow time{color:#65bfdc;margin-right:5px}.wide{width:100%;margin-top:10px}.simtag{display:inline-flex;background:#113d4f;color:#74e7ff;padding:4px 7px;border-radius:5px;font-size:10px;letter-spacing:.6px;font-weight:900}.feature-panel{background:linear-gradient(110deg,#09233a,#163869,#071627);border:1px solid #286d97;border-radius:14px;padding:34px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}.feature-panel h2{font-size:33px;margin:7px 0}.feature-panel p{max-width:650px;color:#bbd7e9}.feature-visual{font-size:86px;display:flex;align-items:center;gap:14px;color:#7aeaff}.feature-visual span{font-size:18px;line-height:1.2;letter-spacing:2px;font-weight:950}.feature-visual b{color:var(--mint)}footer{background:#03101c;border-top:1px solid #1b3c4d;padding:32px max(25px,calc((100vw - 1300px)/2));color:#a0b7c6}footer .brand{color:#fff}footer p{font-size:12px;max-width:500px}footer small{font-size:11px}
/* simulator overlay */
.admin-overlay{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:10px;background:#00111af2}.modal-back{position:absolute;inset:0}.admin-shell{position:relative;max-width:1530px;width:100%;max-height:calc(100dvh - 20px);background:linear-gradient(140deg,#081c31,#06121f);border:1px solid #24688d;box-shadow:0 0 0 1px #0a3650,0 25px 90px #000b;border-radius:16px;overflow:auto}.admin-heading{display:flex;align-items:center;justify-content:space-between;padding:13px 24px;border-bottom:1px solid #184763;background:#071c2c}.admin-heading strong{font-size:15px;letter-spacing:1px}.admin-heading p{color:#80b0c6;font-size:11px;margin:2px 0}.heading-actions{display:flex;align-items:center;gap:15px}.close-btn{border:1px solid #3c7087;background:#0e2c41;border-radius:9px;color:#fff;font-size:19px;width:37px;height:37px}.admin-columns{display:grid;grid-template-columns:minmax(185px,1fr) minmax(320px,420px) minmax(185px,1fr);align-items:start;gap:20px;padding:22px}.admin-sidebar,.admin-right{max-height:calc(100dvh - 122px);overflow:auto}.sidebar-title,.right-title{font-size:11px;font-weight:900;color:#78daf8;letter-spacing:1.5px;margin:8px 0 14px}.overview-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:16px}.overstat{border:1px solid #235370;background:#09253c;border-radius:10px;padding:13px}.overstat strong{display:block;font-size:26px;color:#48dbff}.overstat span{display:block;font-size:10px;color:#85b4cb}.mini-card,.selected-station{background:#0a2539;border:1px solid #245473;padding:15px;border-radius:12px;margin-bottom:15px}.mini-label{color:#aad1e3;font-size:12px;font-weight:800;margin-bottom:9px}.choice{display:flex;gap:5px}.choice-btn{border:1px solid #275778;background:#061726;color:#bcdcea;border-radius:6px;padding:7px 11px;flex:1;font-size:11px}.choice-btn.active{border-color:#3ddcff;background:#094e72;color:white}.countdown{font-size:11px;color:#82c8e1;margin:9px 0}.secondary-btn,.danger-outline{background:#102f46;border:1px solid #369ac4;color:#d4f6ff;padding:10px;border-radius:8px;font-size:12px;font-weight:800}.danger-outline{border-color:#bd4365;color:#ffb0c0;background:#351625}.hub-info{font-size:12px;color:#bed8e7;line-height:1.7}.recent-activities{font-size:11px;color:#b0cfe0;max-height:190px;overflow-y:auto}.recent-activities div{border-bottom:1px solid #28506a;padding:5px 0}.sidebar-foot{font-size:10px;color:#7395a5}.selected-station h3{margin:0;font-size:19px}.selected-station small{font-size:11px;color:#8cbad0}.selected-station p{font-size:12px}.sidebar-station-list{font-size:12px;max-height:420px;overflow-y:auto}.side-row{cursor:pointer}.side-row:hover{background:#133c54}.side-row.active{background:#103c59;border-left:3px solid #3ae1ff}.device{background:#020811;border:5px solid #323c49;padding:5px;border-radius:53px;box-shadow:0 0 0 2px #6f8493,0 25px 60px #0009;max-width:420px;width:100%;height:min(800px,calc(100dvh - 125px));min-height:520px;position:relative;margin:auto}.device-inner{position:relative;height:100%;background:radial-gradient(ellipse at 22% 0,#184f94 0%,#131f65 38%,#07152d 73%,#030d21);border-radius:43px;overflow:hidden;display:flex;flex-direction:column}.device-island{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:29%;height:27px;border-radius:20px;background:#000;z-index:5}.phone-top{display:flex;justify-content:space-between;padding:15px 29px 4px;color:#fff;font-weight:850;font-size:12px;z-index:4}.phone-content{flex:1;overflow:hidden}.phone-page{height:100%;overflow-y:auto;padding:16px 19px 24px;scrollbar-width:thin}.phone-home-head{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1px;color:#b5ebfc}.phone-home-head b{color:#33dfff}.phone-home-head small{font-size:9px;letter-spacing:1.2px}.phone-home h2{font-size:37px;letter-spacing:-1.6px;line-height:1.05;margin:30px 0 7px}.phone-home>p{font-size:12px;color:#b4daf0}.network-banner{display:flex;align-items:center;gap:10px;border:1px solid #2e9fa7;background:#064a6180;padding:12px;border-radius:15px;margin:20px 0}.network-banner span{font-size:10px;font-weight:900;flex:1}.network-banner small{color:#b0e7f1;font-size:10px}.net-dot{width:11px;height:11px;border-radius:50%;background:#1dffbd;box-shadow:0 0 12px #17ffbc}.net-dot.off{background:#fc4069;box-shadow:0 0 10px #fc4069}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px 9px;padding:3px 0}.app-icon{display:flex;align-items:center;flex-direction:column;gap:7px;border:0;background:transparent;color:#ecf9ff;text-align:center;font-size:10px;line-height:1.2}.app-icon i{display:grid;place-items:center;width:63px;height:63px;border-radius:15px;font-style:normal;font-size:29px;background:linear-gradient(130deg,var(--icon1),var(--icon2));box-shadow:0 5px 15px #0005,0 0 0 1px #ffffff29 inset}.app-icon:hover i{transform:translateY(-2px)}.phone-home-footer{text-align:center;font-size:10px;color:#a3bce0;margin:30px 0 4px}.phone-bottom{height:19px;display:grid;place-items:center}.home-indicator{height:5px;width:115px;border-radius:8px;background:#e9fcff}.app-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #ffffff26;padding-bottom:10px;margin:0 0 15px;gap:10px}.phone-back,.home-icon{color:#8fe8ff;background:transparent;border:0;font-size:13px;padding:0}.home-icon{font-size:20px}.app-topline span{font-size:12px;font-weight:900;letter-spacing:.5px}.app-body{font-size:12px}.app-body h3{font-size:17px;margin:10px 0}.app-body p,.helptext{color:#a4c7d9;font-size:12px;margin:8px 0}.app-body label{display:block;color:#b6dbef;margin:12px 0 4px;font-size:11px;font-weight:800}.app-body input,.app-body select,.app-body textarea{width:100%;background:#062337a8;border:1px solid #376b87;border-radius:9px;color:#f2ffff;padding:10px;min-width:0;outline:none}.app-body textarea{resize:vertical;min-height:65px}.app-body input[type=range]{padding:0;accent-color:var(--cyan)}.app-body button{border:1px solid #258cb2;border-radius:9px;background:#0a4361;color:white;font-weight:800;padding:10px;font-size:12px}.app-body button:disabled{opacity:.5;cursor:not-allowed}.app-body button.green{border-color:#319e84;background:#166951}.app-body button.orange{border-color:#a56b25;background:#65441b}.app-body button.danger{border-color:#bb315e;background:#792547}.app-body button.full{width:100%;margin-top:10px}.app-body .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.app-body .tool-grid button{min-height:56px}.meter-card{padding:15px;background:#071e35b8;border:1px solid #2d6684;border-radius:12px;margin:12px 0}.meter-label{font-size:10px;color:#99c7de;letter-spacing:1px}.meter-value{color:#66efff;font-size:30px;font-weight:1000;line-height:1.3}.meter-value small{font-size:12px;color:#d6eef8}.meters{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.meters .meter-value{font-size:24px}.a-row{display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid #28425a;padding:9px 0;font-size:11px}.a-row .value{color:#7de8fc;text-align:right}.notice{padding:10px 11px;border:1px solid #2e6e85;border-radius:9px;background:#0d364d;color:#cbe8f4;font-size:11px;margin:11px 0}.notice.warn{background:#533b17aa;border-color:#aa772e;color:#ffe2ab}.notice.bad{background:#562037aa;border-color:#b8486c;color:#ffc4d1}.progress{height:10px;background:#06243a;border:1px solid #32647b;border-radius:12px;overflow:hidden;margin:9px 0}.progress i{display:block;height:100%;background:linear-gradient(90deg,#068ad4,#32e3f3);border-radius:12px;transition:width .3s}.phone-list-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:9px;border:1px solid #1f5268;border-radius:9px;background:#06283b;margin:6px 0;cursor:pointer}.phone-list-row .title{font-weight:800;font-size:12px}.phone-list-row small{font-size:10px;color:#99bed2;display:block}.phone-list-row button{font-size:11px;padding:6px}.compass{margin:12px auto;width:180px;height:180px;border-radius:50%;border:9px solid #26516c;background:repeating-conic-gradient(#1d5d83 0 2deg,transparent 2deg 30deg),radial-gradient(circle,#0e3a55,#071a35);position:relative;box-shadow:inset 0 0 30px #002f52,0 0 30px #02b7e522}.compass:before{content:'N';position:absolute;left:50%;top:5px;transform:translateX(-50%);font-size:11px;font-weight:900;color:#8be7ff}.compass-arrow{position:absolute;left:50%;top:50%;font-size:70px;color:#4ceaff;text-shadow:0 0 20px #48ddff;transform:translate(-50%,-50%) rotate(0deg);transition:transform .35s}.signal-bars{display:flex;align-items:end;justify-content:center;gap:5px;height:53px}.signal-bars i{width:17px;border-radius:3px 3px 0 0;background:#1a425a}.signal-bars i.on{background:#2ce9c3;box-shadow:0 0 9px #2ce9c37a}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;z-index:300;background:#082c46;border:1px solid #31c8ed;border-radius:11px;padding:13px 19px;max-width:calc(100vw - 30px);font-size:13px;color:#d6f8ff;box-shadow:0 10px 40px #000a;transition:all .25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:1180px){.admin-columns{grid-template-columns:minmax(170px,1fr) minmax(305px,400px)}.admin-right{display:none}.hero-state{display:none}.packages{grid-template-columns:repeat(3,1fr)}}@media(max-width:700px){.topbar{height:auto;min-height:65px;padding:8px 15px;flex-wrap:wrap}.brand{font-size:20px}.vmark{font-size:29px}.nav{display:none;flex-direction:column;align-items:stretch;width:100%;padding:15px 0}.nav.open{display:flex}.hamb{display:block}.hero{padding:48px 20px;min-height:400px}.hero h1{letter-spacing:-2px}.hero-decor{opacity:.3;right:-150px}.hero h2{font-size:18px}.packages{grid-template-columns:repeat(2,1fr)}.map-layout,.status-grid{grid-template-columns:1fr}.network-map{height:320px}.section{padding:34px 16px}.section-title h2{font-size:23px}.section-title .tiny-btn{font-size:10px;padding:7px}.feature-panel{padding:20px}.feature-visual{display:none}.admin-overlay{padding:0}.admin-shell{max-height:100dvh;height:100dvh;border:0;border-radius:0}.admin-heading{padding:12px 14px}.admin-heading strong{font-size:11px}.admin-columns{display:flex;flex-direction:column;align-items:center;gap:14px;padding:10px}.admin-sidebar,.admin-right{max-height:none;width:min(100%,420px)}.admin-sidebar{order:2}.admin-right{display:block;order:3}.device{order:1;height:min(780px,calc(100dvh - 100px));min-height:600px;flex:none}.simtag{font-size:9px}.admin-shell{overflow:auto}.hero-state{display:none}}@media(max-width:370px){.packages{grid-template-columns:1fr}.device{min-height:550px}.app-icon i{width:55px;height:55px}.phone-page{padding-left:14px;padding-right:14px}}