:root{
  --bg:#02070f;--bg2:#061427;--panel:rgba(7,26,61,.90);--panel2:rgba(12,34,67,.78);
  --stroke:rgba(212,175,55,.28);--stroke2:rgba(255,216,91,.42);--text:#ffffff;--muted:#b7c4d8;
  --blue:#0b5fff;--cyan:#1984ff;--green:#22C55E;--purple:#0a2559;--violet:#1984ff;--gold:#d4af37;
  --orange:#ffd85b;--pink:#b31919;--red:#b31919;--silver:#C7CCD6;--light-silver:#E6EAF0;
  --primary-gradient:linear-gradient(180deg,#1984ff,#073489);
  --hero-gradient:linear-gradient(135deg,#02070f 0%,#061427 50%,#071a3d 100%);
  --gold-gradient:linear-gradient(180deg,#ffe88a,#d4af37 45%,#a66a00);
  --silver-gradient:linear-gradient(135deg,#FFFFFF 0%,#E6EAF0 25%,#C7CCD6 50%,#AEB7C2 75%,#FFFFFF 100%);
  --radius:14px;--shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.04)
}
*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;color:var(--text);font-family:Inter,Arial,sans-serif;background:radial-gradient(circle at 18% 16%,rgba(18,96,255,.2),transparent 28%),radial-gradient(circle at 86% 8%,rgba(114,52,255,.16),transparent 25%),var(--hero-gradient);overflow-x:auto}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.024) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.024) 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#000,transparent 80%)}button,input{font:inherit}button{cursor:pointer}.app-shell{width:1920px;min-height:calc(100vh - 30px);display:grid;grid-template-columns:292px 1fr}.sidebar{position:sticky;top:0;height:calc(100vh - 30px);padding:18px 16px;background:rgba(3,9,20,.93);border-right:1px solid var(--stroke);box-shadow:16px 0 42px rgba(0,0,0,.25);display:flex;flex-direction:column;gap:16px}.brand-row{display:flex;align-items:center;gap:12px;padding:2px 2px 12px}.brand-mark{width:48px;height:48px;border-radius:14px;position:relative;display:grid;place-items:center;overflow:hidden;background:conic-gradient(from 210deg,#0A3D91,#1B5FCC,#D62839,#D4AF37,#0A3D91);box-shadow:0 0 34px rgba(212,175,55,.36)}.brand-mark:after{content:"";position:absolute;inset:7px;border-radius:11px;background:var(--gold-gradient)}.brand-h{position:relative;z-index:2;font-weight:900;font-size:30px}.brand-title{font-size:26px;font-weight:900;line-height:.92;letter-spacing:-.8px}.brand-subtitle{font-size:13px;font-weight:800;color:#d7e9ff;letter-spacing:.5px}.brand-tagline{font-size:10px;color:#a4b1c5;margin-top:3px}.icon-button{border:0;color:#dcecff;background:transparent}.menu-button{margin-left:auto;font-size:22px}.nav-list{display:flex;flex-direction:column;gap:4px}.nav-item{min-height:36px;border-radius:9px;padding:0 12px;display:flex;align-items:center;gap:12px;color:#c6d4e6;text-decoration:none;font-size:14px;font-weight:600}.nav-item span{width:20px;color:#9db1c7;text-align:center}.nav-item b{margin-left:auto;color:#5f7694}.nav-item.active{background:var(--gold-gradient);color:#071326;box-shadow:0 7px 20px rgba(17,96,255,.32)}.nav-item.api-dev{background:rgba(22,60,111,.44);border:1px solid rgba(78,150,255,.1)}.nav-item em{margin-left:auto;font-style:normal;font-size:10px;color:#b8ffd6;background:rgba(16,211,126,.2);padding:2px 6px;border-radius:20px}.nav-item.api-dev b{margin-left:0}.assistant-card{background:linear-gradient(160deg,rgba(8,28,58,.96),rgba(10,61,145,.72));border:1px solid rgba(212,175,55,.42);border-radius:14px;padding:14px;margin-top:auto;box-shadow:0 0 34px rgba(212,175,55,.16)}.assistant-head{display:flex;align-items:center;gap:10px}.tiny-brand{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:900;background:var(--gold-gradient)}.assistant-card strong{display:block;font-size:13px}.assistant-card small{display:block;color:#a7ffce;font-size:10px;margin-top:2px}.assistant-card small i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:4px}.assistant-head>span{margin-left:auto;color:#bdb2ff}.assistant-card p{color:#cbbfff;font-size:12px}.assistant-card button,.primary-wide,.doc-button{border:0;color:#071326;background:var(--gold-gradient);border-radius:9px;font-weight:800}.assistant-card button{width:100%;padding:10px}.shortcuts h3{font-size:11px;color:#8395ac;margin:0 0 10px}.shortcut-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.shortcut-grid button{min-height:54px;border:1px solid rgba(82,160,255,.16);border-radius:10px;background:rgba(8,25,45,.9);color:#dcecff;font-size:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.shortcut-grid span{font-size:18px}.green{color:var(--green)}.purple{color:var(--purple)}.teal{color:#18e0c1}.orange{color:var(--orange)}.blue{color:var(--blue)}.violet{color:var(--violet)}.cyan{color:var(--cyan)}.gold{color:var(--gold)}.red{color:var(--red)}.pink{color:var(--pink)}.sidebar-foot{font-size:11px;color:#667892;line-height:1.55}.main-area{padding:18px 18px 42px}.topbar{height:62px;display:grid;grid-template-columns:500px 1fr auto;gap:18px;align-items:start}.greeting h1{font-size:27px;line-height:1.08;margin:0;font-weight:850;letter-spacing:-.5px}.greeting p{margin:5px 0 0;color:#8fa0b8;font-size:13px}.search-box{height:42px;display:flex;align-items:center;gap:10px;padding:0 14px;background:rgba(5,15,30,.82);border:1px solid rgba(76,154,255,.2);border-radius:10px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}.search-box input{flex:1;background:transparent;border:0;outline:0;color:#eaf4ff}.search-box kbd{font-size:11px;color:#7e8ca0;background:#0a1628;border:1px solid rgba(255,255,255,.08);padding:3px 7px;border-radius:6px}.top-actions{display:flex;gap:12px;align-items:center}.alert-bell,.lang{height:42px;border:1px solid rgba(76,154,255,.2);border-radius:10px;background:rgba(5,15,30,.82);color:#dcecff;position:relative}.alert-bell{width:42px}.alert-bell span{position:absolute;right:-5px;top:-5px;background:#ee314e;color:#071326;font-size:10px;border-radius:999px;padding:2px 5px}.lang{padding:0 12px}.profile{height:48px;min-width:225px;display:flex;align-items:center;gap:11px;padding:5px 11px;background:rgba(5,15,30,.58);border:1px solid rgba(76,154,255,.13);border-radius:13px}.profile img{width:38px;height:38px;border-radius:50%;object-fit:cover}.profile strong{display:block;font-size:13px}.profile small{display:block;color:#8fa0b8;font-size:11px}.profile>span{margin-left:auto;color:#9fb1c7}.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:3px 0 12px}.metric-card{height:102px;border:1px solid var(--stroke);background:var(--panel);border-radius:var(--radius);box-shadow:var(--shadow);padding:15px;display:grid;grid-template-columns:48px 1fr 100px;gap:11px;align-items:center;position:relative;overflow:hidden}.metric-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 10% 0,rgba(255,255,255,.08),transparent 36%);pointer-events:none}.metric-icon{width:45px;height:45px;border-radius:50%;display:grid;place-items:center;font-weight:900;font-size:23px;color:white}.metric-card small{display:block;color:#8294ac;font-weight:700;font-size:11px}.metric-card strong{display:block;font-size:25px;letter-spacing:-.6px;margin:4px 0}.metric-card em{display:block;color:var(--green);font-style:normal;font-size:11px}.metric-card svg{width:100%;height:40px}.metric-card polyline{fill:none;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 0 5px currentColor)}.green-card .metric-icon{background:rgba(38,220,140,.18);color:var(--green)}.purple-card .metric-icon{background:rgba(131,87,255,.18);color:var(--purple)}.gold-card .metric-icon{background:rgba(255,197,66,.18);color:var(--gold)}.blue-card .metric-icon{background:rgba(35,117,255,.18);color:var(--blue)}.pink-card .metric-icon{background:rgba(255,79,163,.18);color:var(--pink)}.green-card polyline{stroke:var(--violet)}.purple-card polyline{stroke:var(--cyan)}.gold-card polyline{stroke:var(--blue)}.blue-card polyline{stroke:var(--green)}.pink-card polyline{stroke:#8ee46a}.dashboard-grid{display:grid;grid-template-columns:repeat(11,1fr);grid-auto-rows:minmax(128px,auto);gap:12px}.span-2{grid-column:span 2}.span-3{grid-column:span 3}.panel{background:var(--panel);border:1px solid var(--stroke);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px;overflow:hidden}.panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.panel h2{margin:0;font-size:13px;letter-spacing:.2px;font-weight:850}.panel a{font-size:11px;color:#3c95ff;text-decoration:none}.panel small{color:#7b8ca5}.tall{height:360px}.compact{height:246px}.map-panel{position:relative}.world-map{height:260px;border-radius:12px;background:radial-gradient(circle at center,rgba(11,70,130,.45),rgba(2,12,24,.88));position:relative;overflow:hidden}.map-bg{position:absolute;inset:20px;color:transparent;background:linear-gradient(90deg,transparent 2%,rgba(34,123,206,.28),transparent 18%),radial-gradient(ellipse at 22% 42%,rgba(50,132,210,.62) 0 11%,transparent 11.5%),radial-gradient(ellipse at 39% 36%,rgba(50,132,210,.62) 0 17%,transparent 17.5%),radial-gradient(ellipse at 51% 56%,rgba(50,132,210,.5) 0 6%,transparent 6.4%),radial-gradient(ellipse at 65% 42%,rgba(50,132,210,.62) 0 20%,transparent 20.5%),radial-gradient(ellipse at 79% 66%,rgba(50,132,210,.5) 0 7%,transparent 7.5%);filter:drop-shadow(0 0 18px rgba(25,210,255,.32))}.pulse{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 7px rgba(25,210,255,.12),0 0 18px currentColor;animation:pulse 2.1s infinite}.p1{left:18%;top:43%;color:var(--violet)}.p2{left:27%;top:35%}.p3{left:45%;top:47%;color:var(--pink)}.p4{left:56%;top:40%}.p5{left:66%;top:35%;color:var(--pink)}.p6{left:72%;top:54%}.p7{left:82%;top:66%;color:var(--green)}.p8{left:36%;top:66%;color:var(--blue)}@keyframes pulse{50%{transform:scale(1.45);opacity:.72}}.arc{position:absolute;border-top:1px solid rgba(83,194,255,.36);border-radius:50%;transform:rotate(-12deg)}.a1{left:23%;top:36%;width:270px;height:80px}.a2{left:42%;top:32%;width:320px;height:95px}.a3{left:25%;top:55%;width:470px;height:100px}.a4{left:52%;top:51%;width:260px;height:85px}.legend{display:flex;justify-content:center;gap:42px;margin-top:14px;color:#aebbd0;font-size:12px}.legend i{display:inline-block;width:11px;height:11px;border-radius:50%;margin-right:7px;vertical-align:-1px;box-shadow:0 0 14px currentColor}.legend .hot{background:var(--violet);color:var(--violet)}.legend .mid{background:var(--blue);color:var(--blue)}.legend .low{background:var(--green);color:var(--green)}.feed-list{display:flex;flex-direction:column;gap:11px}.feed-list div{display:grid;grid-template-columns:27px 86px 1fr 62px;align-items:center;gap:7px;font-size:12px}.feed-list strong{color:#f4f9ff}.feed-list span{color:#a4b3c7}.feed-list em{font-style:normal;color:#7d8da5;text-align:right}.avatar{width:23px;height:23px;border-radius:50%;display:grid;place-items:center;font-size:12px;color:#071326;font-style:normal}.avatar.violet{background:var(--violet)}.avatar.cyan{background:var(--cyan)}.avatar.gold{background:var(--gold)}.avatar.red{background:var(--red)}.avatar.green{background:var(--green)}.avatar.purple{background:var(--purple)}.avatar.orange{background:var(--orange)}.health-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;color:#c6d4e5;font-size:12px}.health-list b{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--green);margin-right:9px;box-shadow:0 0 12px rgba(38,220,140,.6)}.right-column{grid-row:span 3;display:grid;grid-template-rows:86px 104px 145px 160px;gap:12px}.api-icons{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.api-icons button{height:45px;border:1px solid rgba(76,154,255,.2);border-radius:9px;background:rgba(5,20,39,.82);color:#dcecff;font-size:10px}.api-icons span{display:block;color:#42a0ff;font-size:17px}.mini-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.mini-stats strong{display:block;font-size:19px}.mini-stats small{display:block;color:#91a4bc;font-size:10px}.mini-stats em{color:var(--green);font-style:normal}.mini-stats .bad{color:var(--red)}.endpoint-row,.webhook-row{height:24px;display:grid;grid-template-columns:50px 1fr 58px;align-items:center;font-size:12px;border-bottom:1px solid rgba(255,255,255,.045)}.endpoint-row span{border-radius:5px;padding:3px 7px;color:#071326;font-size:10px;font-weight:900;text-align:center}.get{background:#19ba74}.post{background:#ff7a2d}.endpoint-row code,.webhook-row code{color:#d8e7f8}.endpoint-row em,.webhook-row em{color:#a7b6ca;font-style:normal;text-align:right}.webhook-row{grid-template-columns:20px 1fr 62px 54px}.webhook-row i{font-style:normal}.webhook-row span{font-size:10px;color:#7d8da5}.webhook-row em{color:var(--green);font-size:10px}.employee-row{height:35px;display:grid;grid-template-columns:30px 94px 1fr 38px;gap:9px;align-items:center;font-size:12px}.employee-row img{width:28px;height:28px;border-radius:50%}.employee-row b{height:4px;border-radius:5px;background:var(--gold-gradient);box-shadow:0 0 10px rgba(255,197,66,.36)}.employee-row em{font-style:normal;text-align:right;color:#cfe1f6}.donut-wrap{display:flex;align-items:center;justify-content:space-around}.donut{width:160px;height:160px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--green) 0 51%,var(--blue) 51% 84%,var(--red) 84% 90%,var(--gold) 90% 100%);position:relative}.donut:after{content:"";position:absolute;inset:34px;border-radius:50%;background:#071729}.donut strong,.donut small{position:relative;z-index:1;text-align:center}.donut strong{font-size:34px;margin-bottom:-42px}.donut small{font-size:11px;color:#9cadc4;margin-top:38px}.donut-wrap ul{margin:0;padding:0;list-style:none;font-size:12px;color:#c5d5e8}.donut-wrap li{margin:12px 0}.donut-wrap i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:8px}.donut-wrap .green{background:var(--green)}.donut-wrap .blue{background:var(--blue)}.donut-wrap .red{background:var(--red)}.donut-wrap .gold{background:var(--gold)}.tabs{display:flex;gap:8px;font-size:10px;color:#8494a9}.tabs span{padding:5px 8px;border-radius:7px}.tabs .active{background:var(--gold-gradient);color:#fff}.chart-lines{height:130px}.chart-lines svg{width:100%;height:100%}.grid-lines line{stroke:rgba(255,255,255,.06)}.main-line,.soft-line{fill:none;stroke-width:4;stroke-linecap:round;filter:drop-shadow(0 0 8px rgba(35,117,255,.8))}.main-line{stroke:var(--blue)}.soft-line{stroke:rgba(25,210,255,.42);stroke-width:2}.revenue-totals{display:flex;gap:70px;color:#8395ad;font-size:12px}.revenue-totals strong{display:block;color:#071326;font-size:16px;margin-top:4px}.revenue-totals em{color:var(--green);font-style:normal}.categories-panel{height:280px}.category-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.category-grid div{min-height:55px;border:1px solid rgba(76,154,255,.14);border-radius:10px;background:rgba(5,20,39,.64);padding:8px;display:grid;grid-template-columns:30px 1fr;column-gap:7px}.category-grid i{grid-row:span 3;width:27px;height:27px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.08);font-style:normal}.category-grid strong{font-size:11px}.category-grid span,.category-grid em{font-size:9px;color:#8da0b8;font-style:normal}.category-total{text-align:center;margin-top:10px;color:#8294ac;font-size:12px}.usage-row{display:grid;grid-template-columns:142px 1fr 44px;gap:9px;align-items:center;margin:10px 0;font-size:11px}.usage-row span small{display:block;color:#7e8fa6;font-size:9px}.usage-row b{height:5px;border-radius:6px;background:rgba(255,255,255,.08);overflow:hidden}.usage-row i{display:block;height:100%;background:var(--gold-gradient);border-radius:inherit}.usage-row em{font-style:normal;color:#b9c8db;text-align:right}.usage-total{text-align:center;color:#8395ad;font-size:11px}.key-stats{display:grid;grid-template-columns:repeat(4,1fr);text-align:center;margin-bottom:10px}.key-stats strong{display:block;font-size:21px}.key-stats small{font-size:9px;color:#8192a9}.ok{color:var(--green)}.warn{color:var(--orange)}.bad{color:var(--red)}.key-row{display:grid;grid-template-columns:27px 1fr 72px 70px;align-items:center;gap:7px;margin:8px 0;font-size:11px}.key-row i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--gold-gradient);font-style:normal}.key-row small{display:block;color:#71849d;font-size:9px}.key-row em{font-style:normal;background:rgba(38,220,140,.18);color:#9dffc9;border-radius:5px;text-align:center;padding:4px}.key-row.danger em{background:rgba(255,122,45,.22);color:#ffd0b7}.key-row b{font-weight:500;color:#b6c4d5;text-align:right}.primary-wide{width:100%;height:34px;margin-top:7px}.tester-input{display:grid;grid-template-columns:55px 1fr 56px;gap:7px}.tester-input span{height:34px;border-radius:8px;background:rgba(38,220,140,.18);color:#b5ffd6;display:grid;place-items:center;font-weight:900}.tester-input input{height:34px;border:1px solid rgba(76,154,255,.18);border-radius:8px;background:#081C3A;color:#e9f5ff;padding:0 10px}.tester-input button{border:0;border-radius:8px;background:var(--gold-gradient);color:#fff}.code-tabs{display:flex;gap:16px;margin-top:12px;color:#7e8fa7;font-size:11px}.code-tabs .active{color:#fff}.code-tabs em{margin-left:auto;color:var(--green);font-style:normal}pre{height:124px;margin:8px 0 10px;padding:12px;border-radius:10px;background:#081C3A;border:1px solid rgba(76,154,255,.14);color:#b7ffd7;font-size:11px;line-height:1.45;overflow:hidden}.doc-button{height:32px;width:100%}.status-bar{position:fixed;bottom:0;left:0;right:0;height:30px;background:rgba(4,10,20,.96);border-top:1px solid var(--stroke);display:flex;align-items:center;justify-content:space-around;color:#7689a1;font-size:11px;z-index:20}.status-bar strong{color:#49f2a2}@media(max-width:1200px){.app-shell{width:1200px;grid-template-columns:250px 1fr}.metric-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(6,1fr)}.right-column{grid-column:span 3}.topbar{grid-template-columns:1fr}.profile,.top-actions{display:none}.tall,.compact,.categories-panel{height:auto}.sidebar{position:relative;height:auto}.status-bar{position:static;width:1200px}}

.brand-logo{width:58px;height:48px;border-radius:12px;display:grid;place-items:center;overflow:hidden;filter:drop-shadow(0 8px 18px rgba(212,175,55,.28))}.brand-logo img{width:100%;height:100%;object-fit:contain}

/* Live HaitiNex brand correction */
.brand-title,.brand-subtitle,.panel h2,.greeting h1{color:#fff}.brand-tagline,.greeting p,.panel small,.metric-card small{color:#b7c4d8}.nav-item.active,.assistant-card button,.primary-wide,.doc-button,.tester-input button,.tabs .active,.key-row i{background:var(--gold-gradient)!important;color:#071326!important}.panel,.metric-card,.search-box,.alert-bell,.lang,.profile{border-color:rgba(212,175,55,.28)}

.module-metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 12px}.module-metric-row article{min-height:82px;padding:14px;border:1px solid var(--stroke);border-radius:var(--radius);background:linear-gradient(180deg,rgba(12,34,67,.86),rgba(2,10,22,.92));box-shadow:var(--shadow);position:relative;overflow:hidden}.module-metric-row article:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 0,rgba(212,175,55,.14),transparent 44%);pointer-events:none}.module-metric-row small{display:block;color:var(--muted);font-size:11px;font-weight:800}.module-metric-row strong{display:block;color:#fff;font-size:28px;letter-spacing:-.7px;margin:4px 0}.module-metric-row span{display:block;color:#ffd85b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.builder-nav,.saas-nav,.support-nav{background:rgba(212,175,55,.08);border:1px solid rgba(212,175,55,.2)}.command-module{min-height:246px}.builder-suite-panel,.saas-control-panel,.support-desk-panel,.admin-task-panel{background:linear-gradient(180deg,rgba(8,28,58,.92),rgba(2,7,15,.96));border-color:rgba(212,175,55,.36)}.module-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.module-kpis div,.module-grid div,.module-row,.approval-banner{border:1px solid rgba(255,255,255,.1);border-radius:10px;background:rgba(255,255,255,.045);padding:10px}.module-kpis strong{display:block;font-size:22px;color:#ffd85b}.module-kpis small{font-size:10px}.module-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.module-grid b{display:block;font-size:11px;color:#fff;margin-bottom:4px}.module-grid span{display:block;color:#b7c4d8;font-size:10px;line-height:1.35}.compact-grid{grid-template-columns:repeat(4,1fr)}.tenant-health-list,.support-list{display:grid;gap:8px;margin-bottom:10px}.module-row{display:grid;grid-template-columns:1fr 1.4fr 44px;gap:8px;align-items:center;font-size:11px}.module-row strong{color:#fff}.module-row span{color:#b7c4d8}.module-row em{font-style:normal;text-align:right;color:#ffd85b;font-weight:900}.health-meter{height:6px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden;margin-top:5px}.health-meter i{display:block;height:100%;background:linear-gradient(90deg,#d4af37,#22C55E)}.support-mini{display:grid;grid-template-columns:repeat(2,1fr);gap:7px}.support-mini span{padding:7px;border-radius:8px;background:rgba(212,175,55,.08);color:#ffd85b;font-size:10px;text-align:center}.approval-banner{display:grid;grid-template-columns:180px 1fr;margin-bottom:10px;border-color:rgba(255,216,91,.3);background:rgba(212,175,55,.08)}.approval-banner strong{color:#ffd85b}.approval-banner span{color:#b7c4d8;font-size:11px}@media(max-width:1200px){.module-metric-row{grid-template-columns:repeat(2,1fr)}.module-grid,.compact-grid{grid-template-columns:repeat(2,1fr)}}

/* Mobile/PWA Command Center hardening */
.mobile-overlay{display:none}.menu-button{display:none}.live-ok b{background:var(--green)!important}.live-warn b{background:var(--orange)!important}.live-warn small{display:block;color:#ffd85b;font-size:10px;margin-left:21px;margin-top:2px}.shortcut-grid button:focus,.nav-item:focus,.panel a:focus,.tester-input button:focus{outline:2px solid #ffd85b;outline-offset:2px}.tester-panel pre{max-height:170px;overflow:auto}.panel{scroll-margin-top:16px}@media(max-width:900px){body{overflow-x:hidden;background:var(--hero-gradient)}.mobile-overlay{display:block;position:fixed;inset:0;background:rgba(0,0,0,.58);z-index:70}.mobile-overlay[hidden]{display:none}.app-shell{width:100%;display:block;min-height:100vh}.sidebar{position:fixed;z-index:80;left:0;top:0;bottom:0;width:min(86vw,340px);height:100vh;overflow-y:auto;transform:translateX(-105%);transition:transform .22s ease;padding-bottom:70px}.sidebar.open{transform:translateX(0)}.menu-button{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(212,175,55,.26);border-radius:12px;background:rgba(255,255,255,.06);color:#fff}.main-area{padding:14px 12px 80px}.topbar{height:auto;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start;position:sticky;top:0;z-index:60;padding:10px 0;background:linear-gradient(180deg,rgba(2,7,15,.96),rgba(2,7,15,.72));backdrop-filter:blur(12px)}.greeting h1{font-size:21px}.greeting p{font-size:11px}.search-box{grid-column:1/-1;order:3;width:100%}.top-actions{display:flex}.alert-bell,.lang{display:none}.profile{display:none}.metric-row,.module-metric-row{grid-template-columns:1fr;gap:10px}.metric-card{height:auto;min-height:96px;grid-template-columns:44px 1fr}.metric-card svg{display:none}.dashboard-grid{display:block}.right-column{display:block}.panel,.tall,.compact,.categories-panel,.command-module{height:auto;min-height:unset;margin-bottom:12px}.world-map{height:210px}.feed-list div{grid-template-columns:30px 82px 1fr;gap:8px}.feed-list em{display:none}.health-list{gap:8px}.api-icons,.mini-stats,.category-grid,.module-grid,.compact-grid,.module-kpis,.support-mini{grid-template-columns:1fr 1fr}.endpoint-row{grid-template-columns:48px 1fr 48px}.webhook-row{grid-template-columns:18px 1fr 50px}.webhook-row span{display:none}.employee-row{grid-template-columns:30px 88px 1fr 34px}.donut-wrap{display:grid;gap:12px}.revenue-totals{display:grid;gap:8px}.usage-row{grid-template-columns:1fr 1fr 40px}.key-row{grid-template-columns:24px 1fr 58px}.key-row b{display:none}.tester-input{grid-template-columns:50px 1fr 58px}.status-bar{position:fixed;width:auto;left:0;right:0;height:44px;overflow-x:auto;gap:18px;justify-content:flex-start;padding:0 12px}.status-bar span{white-space:nowrap}.brand-row{position:sticky;top:0;background:rgba(3,9,20,.96);z-index:1}.shortcut-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:520px){.api-icons,.mini-stats,.category-grid,.module-grid,.compact-grid,.module-kpis,.support-mini,.shortcut-grid{grid-template-columns:1fr}.module-row{grid-template-columns:1fr auto}.module-row span{grid-column:1/-1}.approval-banner{grid-template-columns:1fr}.brand-title{font-size:21px}.panel{padding:12px}.metric-card strong,.module-metric-row strong{font-size:23px}.world-map{height:180px}.feed-list div{grid-template-columns:26px 1fr}.feed-list strong{grid-column:2}.feed-list span{grid-column:2}.key-stats{grid-template-columns:repeat(2,1fr);gap:8px}.tester-input{grid-template-columns:1fr}.tester-input span{display:none}.tester-input input,.tester-input button{width:100%}}

/* Multilingual Language Switcher */
.lang-switcher { position: relative; display: inline-block; }
.lang-menu {
  position: absolute; right: 0; top: 100%; min-width: 180px;
  background: var(--bg-card, #0d1b3a); border: 1px solid rgba(212,175,55,.35);
  border-radius: 10px; padding: 6px 0; z-index: 999; box-shadow: 0 12px 40px rgba(0,0,0,.45);
}
.lang-menu a {
  display: flex; align-items: center; gap: 8px; padding: 10px 16px;
  color: rgba(255,255,255,.85); font-size: .88rem; text-decoration: none;
  transition: background .2s;
}
.lang-menu a:hover { background: rgba(212,175,55,.12); }
.lang-menu a.active { color: #ffd85b; }