:root{--bg:#070a11;--surface:#0d121c;--surface2:#111824;--line:#202a39;--text:#f3f6fb;--muted:#8290a5;--cyan:#38d9cf;--blue:#5495ff;--violet:#8c6fff;--green:#48d597;--amber:#f4b95f}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif}button,input,select{font:inherit}.hidden{display:none!important}.login-screen{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr;background:#090d15}.login-art{position:relative;overflow:hidden;padding:48px 56px;background:radial-gradient(circle at 85% 25%,#16434a66,transparent 34%),linear-gradient(140deg,#0b131c,#071015 70%)}.brand{display:flex;align-items:center;gap:12px;font:700 15px Manrope;letter-spacing:2px}.brand b{color:var(--cyan)}.brand-mark,.mobile-logo{display:grid;place-items:center;width:38px;height:38px;border:1px solid #4de0d3;border-radius:11px;color:var(--cyan);font:bold 20px Manrope;box-shadow:inset 0 0 18px #38d9cf20}.login-copy{position:absolute;left:56px;top:43%;transform:translateY(-50%);z-index:2}.eyebrow,.overline{font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:700}.login-copy h1{font:800 clamp(40px,5vw,72px)/1.05 Manrope;margin:20px 0}.login-copy h1 em{font-style:normal;color:var(--cyan)}.login-copy p{color:#a4b0c0;font-size:18px;max-width:540px}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:320px;height:320px;background:#1cf0d515;right:-90px;bottom:2%;border:1px solid #46d5cc20}.orb-two{width:160px;height:160px;background:#4a8fff15;right:23%;top:13%;border:1px solid #4a8fff25}.system-line{position:absolute;bottom:48px;font-size:12px;color:#8da1aa}.system-line i,.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:7px;box-shadow:0 0 10px var(--green)}.login-card{background:#0b0f17;display:flex;flex-direction:column;justify-content:center;padding:12%;gap:22px}.login-card h2{font:700 32px Manrope;margin:8px 0}.muted{color:var(--muted)}.mobile-logo{display:none}.login-card label{font-size:13px;color:#bdc6d3;display:grid;gap:9px}.login-card input,.table-tools input,.table-tools select{background:#101722;border:1px solid #263244;border-radius:10px;padding:14px;color:white;outline:none}.login-card input:focus,.table-tools input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #38d9cf15}.primary-button{border:0;border-radius:10px;background:linear-gradient(100deg,#31cfc4,#4d9cf3);color:#041011;padding:15px 18px;font-weight:800;display:flex;justify-content:space-between;cursor:pointer}.primary-button:disabled{opacity:.6}.security-note{text-align:center;color:#667488;font-size:12px}.form-error{color:#ff7b86;font-size:13px;min-height:18px;margin:0}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr}aside{position:fixed;inset:0 auto 0 0;width:240px;background:#090d14;border-right:1px solid #171e2b;padding:24px 16px;display:flex;flex-direction:column;z-index:5}aside .brand{padding:0 8px 25px;border-bottom:1px solid #171e2b}nav{overflow:auto;margin-top:16px}nav p{font-size:9px;letter-spacing:1.7px;color:#566277;margin:19px 12px 8px}nav button{width:100%;border:0;background:none;color:#7f8da2;padding:10px 12px;border-radius:8px;display:flex;align-items:center;gap:12px;cursor:pointer;text-align:left;font-size:13px}nav button span{width:18px;color:#69788e}nav button small{margin-left:auto;padding:2px 7px;background:#17202d;border-radius:10px}nav button:hover,nav button.active{background:#132029;color:white}nav button.active{box-shadow:inset 2px 0 var(--cyan)}nav button.active span{color:var(--cyan)}.operator{margin-top:auto;border-top:1px solid #171e2b;padding:18px 7px 0;display:flex;align-items:center;gap:9px}.avatar{width:34px;height:34px;border-radius:9px;background:#1a3e41;color:var(--cyan);display:grid;place-items:center;font-size:11px;font-weight:bold}.operator div{display:grid;font-size:11px}.operator small{color:#66758b}.operator button{margin-left:auto;border:0;background:none;color:#657186;cursor:pointer}main{grid-column:2;min-width:0}header{height:78px;position:sticky;top:0;z-index:4;background:#080c13eF;backdrop-filter:blur(14px);border-bottom:1px solid #171e2b;padding:0 30px;display:flex;align-items:center;justify-content:space-between}header h2{margin:3px 0 0;font:700 19px Manrope}.header-actions{display:flex;align-items:center;gap:10px}.live-pill,.status-ok{font-size:9px;letter-spacing:1px;color:var(--green);border:1px solid #244b3d;background:#10251e;border-radius:20px;padding:8px 11px}.icon-button,.menu-button{position:relative;background:#101722;color:#aeb8c8;border:1px solid #202a39;border-radius:9px;width:36px;height:36px}.notification-dot{position:absolute;width:5px;height:5px;background:var(--cyan);border-radius:50%;right:7px;top:7px}.menu-button{display:none}.content{padding:30px;max-width:1600px;margin:auto}.view{display:none}.view.active{display:block}.welcome,.section-top{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.welcome h1,.section-top h1{font:700 28px Manrope;margin:0}.welcome h1 span{color:var(--cyan)}.welcome p,.section-top p{color:var(--muted);margin:7px 0 0}.welcome>span{font-size:11px;color:#67768a}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.metrics article,.panel{background:linear-gradient(145deg,#101722,#0c111a);border:1px solid #1c2635;border-radius:13px}.metrics article{padding:19px;display:flex;gap:15px;align-items:flex-start}.metric-icon{width:38px;height:38px;border-radius:10px;display:grid;place-items:center;font-weight:bold}.metric-icon.cyan{background:#163837;color:var(--cyan)}.metric-icon.violet{background:#28213e;color:#a18cff}.metric-icon.blue{background:#182d4a;color:#6ca8ff}.metric-icon.green{background:#173528;color:#55daa0}.metrics p{font-size:9px;letter-spacing:1.3px;color:#768499;margin:0}.metrics h3{font:700 25px Manrope;margin:5px 0 3px}.metrics h3 em{font-style:normal;font-size:13px;color:#66758b}.metrics small{font-size:10px;color:#718096}.metrics small b{color:var(--green)}.dashboard-grid{display:grid;grid-template-columns:1.35fr .85fr;gap:14px;margin-top:14px}.panel{padding:21px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;border-bottom:1px solid #1b2432;padding-bottom:17px}.panel-heading h3{margin:5px 0 0;font:700 16px Manrope}.text-button{border:0;background:none;color:var(--cyan);font-size:11px}.activity-list{min-height:265px;display:grid;place-items:center}.empty-state{text-align:center;max-width:280px}.empty-state span,.coming-soon>span{font-size:29px;color:#53667e}.empty-state h4{margin:12px 0 5px}.empty-state p,.coming-soon p{font-size:12px;color:#69778a;line-height:1.6}.health-score{display:flex;align-items:center;gap:18px;padding:21px 0}.ring{width:78px;height:78px;border-radius:50%;display:grid;place-items:center;position:relative;background:radial-gradient(circle at center,#0d131d 58%,transparent 59%),conic-gradient(var(--green) 100%,#202937 0)}.ring strong{font:700 20px Manrope}.ring small{position:absolute;top:45px;font-size:8px}.health-score h4{margin:0 0 5px;font-size:13px}.health-score p{margin:0;color:#657388;font-size:10px}.service-row{display:flex;justify-content:space-between;padding:11px 0;border-top:1px solid #192230;font-size:11px}.service-row b{color:var(--green);font-size:10px}.dot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:7px}.green-dot{background:var(--green)}.amber-dot{background:var(--amber)}.service-row .amber-text{color:var(--amber)}.quick-row{display:flex;align-items:center;gap:9px;margin-top:14px;padding:12px 0}.quick-row p{font-size:9px;letter-spacing:1.5px;color:#5d697c;margin-right:auto}.quick-row button,.secondary-button{background:#0e1520;border:1px solid #202b3b;color:#a8b4c5;border-radius:8px;padding:10px 13px;font-size:10px;cursor:pointer}.compact{display:inline-flex;width:auto;gap:20px}.table-panel{padding:0}.table-tools{padding:16px;display:flex;gap:10px;border-bottom:1px solid var(--line)}.table-tools input{min-width:280px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:14px 18px;border-bottom:1px solid #192230;font-size:12px}th{font-size:9px;color:#637086;letter-spacing:1px}td{color:#aab5c5}.empty-table{text-align:center;color:#647187;padding:60px}.world-card{display:grid;grid-template-columns:1fr 300px;min-height:480px}.world-map{position:relative;border-right:1px solid var(--line);display:grid;place-items:center;background:radial-gradient(circle,#163d4544,transparent 40%)}.map-grid{position:absolute;inset:0;background-image:linear-gradient(#22304433 1px,transparent 1px),linear-gradient(90deg,#22304433 1px,transparent 1px);background-size:34px 34px;mask-image:radial-gradient(circle,black,transparent 75%)}.map-message{text-align:center;position:relative;max-width:380px}.map-message b{font-size:50px;color:var(--cyan)}.map-message p{color:var(--muted)}.country-list{padding:25px}.country-list div{display:flex;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--line)}.coming-soon{text-align:center;padding:80px 20px}.coming-soon h2{font:700 27px Manrope}.secondary-button{margin-top:15px}.activity-item{display:grid;grid-template-columns:32px 1fr auto;gap:11px;align-items:center;padding:14px 0;border-bottom:1px solid #192230}.activity-item .event-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:8px;background:#153230;color:var(--cyan)}.activity-item p{margin:0;font-size:12px}.activity-item small{color:#66758a}.activity-item time{font-size:10px;color:#5f6c80}@media(max-width:1100px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.world-card{grid-template-columns:1fr}.world-map{min-height:350px;border-right:0;border-bottom:1px solid var(--line)}}@media(max-width:760px){.login-screen{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:28px;min-height:100vh}.mobile-logo{display:grid}.app-shell{grid-template-columns:1fr}aside{transform:translateX(-100%);transition:.25s}aside.open{transform:none}main{grid-column:1}.menu-button{display:block}header{padding:0 16px}.content{padding:18px}.metrics{grid-template-columns:1fr}.welcome,.section-top{align-items:flex-start;gap:16px}.quick-row{flex-wrap:wrap}.quick-row p{width:100%}.table-tools{flex-direction:column}.table-tools input{min-width:0}.world-card{padding:0}}