:root{
  --bg:#050910;--bg2:#08111c;--panel:#0c1623;--panel2:#101d2b;--panel3:#142537;
  --line:#1e3446;--line2:#284a63;--text:#f4f9fd;--muted:#8ca3b5;--muted2:#61788b;
  --cyan:#25ddff;--cyan2:#0ea5c6;--cyan-soft:rgba(37,221,255,.12);--danger:#ff6075;--ok:#5ce0a5;--warn:#f7c85b;
  --shadow:0 18px 55px rgba(0,0,0,.28);--radius:18px;--radius-sm:12px;
}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;background:
radial-gradient(circle at 20% -10%,rgba(37,221,255,.11),transparent 28%),
radial-gradient(circle at 90% 5%,rgba(40,94,255,.08),transparent 23%),
linear-gradient(180deg,#050910 0%,#07101a 45%,#060b12 100%);color:var(--text);font:14px/1.5 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;min-height:100vh}
button,input,select,textarea{font:inherit}button{transition:.16s ease}a{color:inherit;text-decoration:none}.boot{padding:40px;color:var(--muted)}

/* Login */
.login{min-height:100vh;display:grid;place-items:center;padding:32px;position:relative;overflow:hidden}.login:before,.login:after{content:"";position:absolute;border-radius:50%;filter:blur(1px);pointer-events:none}.login:before{width:520px;height:520px;left:-220px;top:-220px;background:radial-gradient(circle,rgba(37,221,255,.16),transparent 67%)}.login:after{width:640px;height:640px;right:-300px;bottom:-340px;background:radial-gradient(circle,rgba(24,92,255,.12),transparent 68%)}.login-card{position:relative;width:min(470px,94vw);background:rgba(9,18,29,.84);border:1px solid rgba(105,176,215,.24);border-radius:26px;padding:42px 42px 36px;text-align:center;box-shadow:0 32px 95px rgba(0,0,0,.5);backdrop-filter:blur(18px)}.login-card:before{content:"";position:absolute;inset:0 22% auto;height:1px;background:linear-gradient(90deg,transparent,var(--cyan),transparent)}.login-card img{width:230px;max-height:115px;object-fit:contain;filter:drop-shadow(0 0 30px rgba(37,221,255,.18))}.login-card h1{font-size:32px;margin:18px 0 6px}.login-card .sub{margin:0 0 24px}

/* Desktop shell */
.layout{display:grid;grid-template-columns:286px minmax(0,1fr);min-height:100vh;transition:grid-template-columns .22s ease}.layout.side-collapsed{grid-template-columns:86px minmax(0,1fr)}.side{position:sticky;top:0;height:100vh;background:rgba(5,10,16,.88);border-right:1px solid rgba(91,145,180,.18);padding:18px 14px 14px;overflow:auto;backdrop-filter:blur(18px);z-index:5}.brand{display:grid;grid-template-columns:54px 1fr 36px;align-items:center;gap:10px;padding:4px 5px 19px;border-bottom:1px solid rgba(94,150,184,.13);margin-bottom:12px}.brand-mark{width:54px;height:46px;border:1px solid rgba(37,221,255,.18);background:rgba(37,221,255,.045);border-radius:14px;display:grid;place-items:center}.brand img{width:47px;height:38px;object-fit:contain}.brand-copy b{font-size:18px;letter-spacing:.01em}.brand-copy small{display:block;color:var(--muted);font-size:11px;margin-top:2px}.layout.side-collapsed .brand-copy,.layout.side-collapsed .nav-label,.layout.side-collapsed nav button{font-size:0}.layout.side-collapsed nav button{height:46px;text-align:center;padding:11px 8px}.layout.side-collapsed nav button::first-letter{font-size:19px}.layout.side-collapsed .side-foot span:last-child{display:none}.layout.side-collapsed .brand{grid-template-columns:1fr}.layout.side-collapsed .brand-mark{display:none}.layout.side-collapsed .side-toggle{margin:auto}
.nav-group{margin:0 0 15px}.nav-label{font-size:10px;letter-spacing:.16em;color:#536d80;font-weight:800;padding:9px 11px 6px}.side nav button{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:#a9bdcb;padding:11px 12px;border-radius:11px;margin:2px 0;cursor:pointer;font-size:14px;white-space:nowrap;overflow:hidden}.side nav button:hover{background:rgba(37,221,255,.065);color:#edfaff;border-color:rgba(37,221,255,.09);transform:translateX(2px)}.side nav button.active{background:linear-gradient(90deg,rgba(37,221,255,.14),rgba(37,221,255,.045));border-color:rgba(37,221,255,.2);color:#fff;box-shadow:inset 3px 0 0 var(--cyan)}.side-foot{position:sticky;bottom:0;display:flex;gap:9px;align-items:center;color:var(--muted);font-size:12px;padding:13px 10px;background:linear-gradient(180deg,transparent,#050a10 32%)}
.main{min-width:0}.top{position:sticky;top:0;z-index:4;display:flex;justify-content:space-between;align-items:center;gap:18px;height:74px;padding:12px 30px;background:rgba(5,10,16,.72);border-bottom:1px solid rgba(88,143,177,.14);backdrop-filter:blur(18px)}.content-shell{padding:28px 32px 54px}.content-shell>#content{max-width:1720px;margin:0 auto}.global{display:flex;align-items:center;gap:8px;flex:1;max-width:760px;position:relative}.global .input{height:46px;padding-left:40px}.search-icon{position:absolute;left:14px;z-index:2;color:var(--muted);font-size:18px}.user{display:flex;align-items:center;gap:10px}.user img{width:40px;height:40px;border-radius:50%;object-fit:cover;border:1px solid rgba(37,221,255,.32);box-shadow:0 0 0 4px rgba(37,221,255,.055)}.user b{font-size:13px}.user small{display:block;color:var(--muted);font-size:11px}.iconbtn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(15,29,43,.8);color:#dff7ff;cursor:pointer;display:grid;place-items:center}.iconbtn:hover{border-color:var(--cyan);background:var(--cyan-soft)}

/* Typography / page */
h1,h2,h3{line-height:1.15}h1{font-size:34px;margin:0 0 6px;letter-spacing:-.035em}h2{font-size:20px;margin:0 0 12px}h3{font-size:15px;margin:0 0 10px}.sub,.page-title p{color:var(--muted);margin:5px 0 20px}.page-title{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin:4px 0 20px}.page-title p{margin-bottom:0}.eyebrow{display:block;color:var(--cyan);font-size:10px;font-weight:900;letter-spacing:.18em;margin-bottom:5px}.muted{color:var(--muted)}.smalltext{font-size:12px}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.ok{color:var(--ok)}.bad{color:var(--danger)}.warntext{color:var(--warn)}

/* Controls */
.btn{border:1px solid var(--line2);background:linear-gradient(180deg,#142739,#102131);color:#f5fbff;padding:10px 14px;border-radius:10px;cursor:pointer;font-weight:700;box-shadow:0 4px 13px rgba(0,0,0,.12)}.btn:hover{border-color:rgba(37,221,255,.65);background:#163248;transform:translateY(-1px)}.btn.primary{background:linear-gradient(135deg,#087f9f,#09a5c7);border-color:#22cae7;color:white;box-shadow:0 10px 28px rgba(0,164,199,.18)}.btn.primary:hover{filter:brightness(1.08)}.btn.danger{background:linear-gradient(180deg,#4b1d2a,#381723);border-color:#7e3346}.btn.warn{background:linear-gradient(180deg,#4c3d16,#382e12);border-color:#806a28}.btn:disabled{opacity:.42;cursor:not-allowed;transform:none}.big{font-size:15px;padding:13px 18px}.input,.select,.textarea{background:rgba(7,18,28,.92);border:1px solid #203c50;color:#f5fbff;border-radius:10px;padding:10px 12px;outline:none;transition:.15s ease}.input:focus,.select:focus,.textarea:focus{border-color:rgba(37,221,255,.65);box-shadow:0 0 0 3px rgba(37,221,255,.08)}.input{min-width:220px}.input.small{min-width:90px;width:120px}.select{min-width:180px}.textarea{width:100%;min-height:110px;resize:vertical}.grow{flex:1}.toolbar{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:16px 0 20px}.toolbar.modern{padding:10px;background:rgba(10,21,32,.58);border:1px solid rgba(78,126,157,.16);border-radius:14px}.searchbox{display:flex;align-items:center;gap:9px;flex:1;min-width:280px;background:rgba(5,14,23,.7);border:1px solid #203c50;border-radius:11px;padding-left:12px}.searchbox>span{color:var(--muted);font-size:17px}.searchbox .input{border:0;background:transparent;box-shadow:none;min-width:0;width:100%}.actions{display:flex;gap:8px;align-items:center}.actions.wrap{flex-wrap:wrap}.linkbtn{border:0;background:transparent;color:var(--cyan);font-weight:700;cursor:pointer}.linkbtn:hover{text-decoration:underline}

/* Cards / metrics */
.grid{display:grid;gap:14px}.metrics{grid-template-columns:repeat(4,minmax(0,1fr));margin:16px 0 22px}.card{background:linear-gradient(145deg,rgba(14,27,41,.94),rgba(10,20,31,.92));border:1px solid rgba(79,126,156,.22);border-radius:var(--radius);padding:18px;box-shadow:0 10px 30px rgba(0,0,0,.11)}.card:hover{border-color:rgba(81,145,180,.3)}.metric{position:relative;overflow:hidden}.metric:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-34px;top:-40px;background:radial-gradient(circle,rgba(37,221,255,.13),transparent 70%)}.metric>span{color:#9bb0bf;font-size:12px;font-weight:700}.metric .v{font-size:27px;font-weight:850;margin-top:7px;letter-spacing:-.03em}.metric small{display:block;color:var(--muted2);margin-top:3px}.split,.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:16px 0}.columns3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.section-head h2,.section-head h3{margin:0}.section-head p{margin:5px 0 0}

/* Tables */
.table-wrap{background:rgba(9,18,28,.78);border:1px solid rgba(82,132,162,.2);border-radius:16px;overflow:auto;box-shadow:0 14px 40px rgba(0,0,0,.1)}table{width:100%;border-collapse:separate;border-spacing:0}th,td{text-align:left;padding:13px 15px;border-bottom:1px solid rgba(73,119,147,.13);white-space:nowrap}th{position:sticky;top:0;z-index:1;color:#829bae;font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:rgba(12,26,39,.96);backdrop-filter:blur(10px)}tbody tr{transition:.12s ease}tbody tr:hover{background:rgba(37,221,255,.035)}tbody tr:last-child td{border-bottom:0}td small{display:block;color:var(--muted);margin-top:3px}.wrapcell{white-space:normal;min-width:250px}.meta-cell{max-width:480px;white-space:normal;color:#91a8b9;font-size:12px}
.tag{display:inline-flex;align-items:center;gap:5px;padding:4px 8px;border-radius:999px;background:#142c3e;color:#bdcfdb;border:1px solid rgba(101,159,194,.13);font-size:11px;font-weight:750}.tag.ok{background:rgba(49,142,103,.16);color:#85ecc0;border-color:rgba(92,224,165,.17)}.tag.bad{background:rgba(174,48,75,.16);color:#ff9aaa;border-color:rgba(255,96,117,.17)}.tag.warn{background:rgba(160,120,30,.16);color:#ffe08a;border-color:rgba(247,200,91,.16)}.tag.protected{background:rgba(132,75,167,.14);color:#e3bfff}.plate{display:inline-flex;padding:4px 8px;border-radius:7px;background:#e8edf1;color:#101923;font:800 12px/1 ui-monospace,Consolas,monospace;letter-spacing:.07em}

/* Activity / lists */
.activity{display:grid;gap:7px}.activity>div{display:grid;grid-template-columns:1fr auto;gap:4px 10px;background:rgba(5,15,24,.55);border:1px solid rgba(72,116,143,.13);border-radius:11px;padding:10px 12px}.activity small{grid-column:1/-1;color:var(--muted)}.listline{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:10px 12px;border:1px solid rgba(72,116,143,.15);background:rgba(5,15,24,.55);border-radius:10px;margin:6px 0}.notification{display:flex;justify-content:space-between;gap:14px;border:1px solid var(--line);background:rgba(6,17,26,.72);border-radius:11px;padding:12px;margin:8px 0}.notification.warning{border-color:#715c28}.notification.critical{border-color:#763244}.notification.read{opacity:.52}.kv{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid rgba(72,116,143,.13);padding:9px 0}.kv:last-child{border-bottom:0}.kv span{color:var(--muted)}.empty-state{min-height:180px;border:1px dashed rgba(101,159,194,.24);border-radius:16px;display:flex;flex-direction:column;gap:6px;justify-content:center;align-items:center;color:var(--muted);background:rgba(8,18,28,.35)}.empty-state b{color:#dfeef6;font-size:16px}.empty-state.compact{min-height:70px}.loading{padding:42px;color:var(--muted);text-align:center}.error{border-color:rgba(255,96,117,.45)}.warn-box{border-color:rgba(247,200,91,.35);background:rgba(84,63,15,.13)}

/* Vehicle center */
.vehicle-list{display:grid;gap:10px}.vehicle-row{display:grid;grid-template-columns:54px minmax(260px,1fr) 150px 86px 86px 92px auto;gap:14px;align-items:center;background:linear-gradient(135deg,rgba(12,25,38,.95),rgba(8,18,28,.92));border:1px solid rgba(84,137,168,.2);border-radius:15px;padding:13px 14px;box-shadow:0 8px 24px rgba(0,0,0,.08);transition:.15s ease}.vehicle-row:hover{border-color:rgba(37,221,255,.33);transform:translateY(-1px);box-shadow:0 14px 34px rgba(0,0,0,.14)}.vehicle-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(37,221,255,.08);border:1px solid rgba(37,221,255,.11);font-size:21px}.vehicle-main{min-width:0}.vehicle-main small{display:block;color:var(--muted);margin-top:3px}.vehicle-title{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.vehicle-title b{font-size:15px}.vehicle-state{display:flex;flex-direction:column;align-items:flex-start;gap:5px}.vehicle-state small,.vehicle-health small{color:var(--muted);font-size:11px}.vehicle-health{text-align:center}.vehicle-health b{display:block;font-size:15px}.tuning-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tuning-stats>div{background:rgba(5,15,24,.58);border:1px solid rgba(77,126,155,.15);border-radius:12px;padding:14px}.tuning-stats span{display:block;color:var(--muted);font-size:11px}.tuning-stats b{display:block;margin-top:6px;font-size:15px}.key-row{display:flex;align-items:center;gap:11px;padding:10px 0;border-bottom:1px solid rgba(72,116,143,.13)}.key-row:last-child{border-bottom:0}.avatar-mini{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,#123e52,#163049);border:1px solid rgba(37,221,255,.15);font-weight:900;color:#c6f7ff}.online-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--ok);margin-right:4px;box-shadow:0 0 8px rgba(92,224,165,.5)}

/* Resource center */
.resource-groups{display:grid;gap:18px}.resource-group{border:1px solid rgba(76,124,154,.18);background:rgba(8,17,27,.5);border-radius:18px;padding:17px}.resource-group-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:13px}.resource-group-head h2{margin:0;font-size:20px}.resource-group-head small{color:var(--muted)}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.resource-card{margin:0}.resource-card h3{font-size:15px}.resource-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.resource-desc{color:#b7cad6;min-height:36px}.resource-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px 12px;color:#89a1b3;font-size:12px;margin:12px 0}.deps{display:flex;gap:5px;flex-wrap:wrap;margin:8px 0}.category-strip{display:flex;gap:8px;overflow:auto;padding:2px 0 12px}.category-chip{min-width:max-content;background:#0b2132;border:1px solid #214864;color:#cce3f1;border-radius:12px;padding:9px 11px;cursor:pointer;display:flex;gap:9px;align-items:center}.category-chip.active,.category-chip:hover{border-color:var(--cyan);background:#0f3046}

/* Permissions */
.permission-toolbar{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap;background:rgba(10,21,32,.58);border:1px solid rgba(78,126,157,.16);border-radius:14px;padding:12px;margin-bottom:14px}.permission-toolbar label{display:grid;gap:6px}.permission-toolbar label span{font-size:11px;color:var(--muted);font-weight:700}.role-hero{display:flex;gap:16px;align-items:center;padding:18px 20px;border-radius:17px;background:linear-gradient(100deg,rgba(37,221,255,.1),rgba(18,35,51,.55));border:1px solid rgba(37,221,255,.18);margin-bottom:16px}.role-hero h2{font-size:25px;margin:0 0 3px}.role-hero p{margin:0;color:var(--muted)}.role-badge{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#0b8ead,#104d68);font-size:18px;font-weight:900;box-shadow:0 8px 28px rgba(0,154,190,.17)}.permission-cards{display:grid;gap:7px}.permission-card{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:10px 12px;border-radius:11px;border:1px solid rgba(75,120,147,.15);background:rgba(5,15,24,.55)}.permission-card.allowed{border-left:3px solid rgba(92,224,165,.7)}.permission-card.denied{border-left:3px solid rgba(255,96,117,.6)}.permission-card small{display:block;color:var(--muted);margin-top:3px}.perm-state{display:flex;align-items:center;gap:7px}.permission-row,.setting-row{display:grid;grid-template-columns:1fr auto;gap:18px;align-items:center;border-top:1px solid rgba(72,116,143,.14);padding:14px 0}.permission-row:first-of-type,.setting-row:first-of-type{border-top:0}.permission-row small,.setting-row small{display:block;color:var(--muted);margin-top:3px}.permission-row p,.setting-row p{margin:5px 0;color:#9fb5c3}.permission-row>div:last-child,.setting-row>div:last-child{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.switchline{display:flex;gap:6px;align-items:center}

/* Player picker */
.picker-list{display:grid;gap:7px;margin-top:14px;max-height:62vh;overflow:auto}.picker-row{display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;width:100%;padding:10px 11px;border:1px solid rgba(75,120,147,.16);background:rgba(5,15,24,.65);color:#fff;border-radius:11px;cursor:pointer}.picker-row:hover{border-color:rgba(37,221,255,.4);background:rgba(37,221,255,.05)}.picker-row small{display:block;color:var(--muted);margin-top:3px}

/* Modals become desktop drawers */
.modal-bg{position:fixed;inset:0;background:rgba(1,5,9,.72);display:flex;justify-content:flex-end;align-items:stretch;padding:0;z-index:30;backdrop-filter:blur(5px)}.modal{width:min(760px,95vw);height:100vh;max-height:none;overflow:auto;background:linear-gradient(180deg,#091520,#071019);border-left:1px solid rgba(78,138,171,.3);border-radius:0;padding:24px 24px 40px;box-shadow:-28px 0 80px rgba(0,0,0,.42);animation:drawerIn .18s ease-out}.modal.wide{width:min(1180px,96vw)}@keyframes drawerIn{from{transform:translateX(30px);opacity:.7}to{transform:none;opacity:1}}.modal-head{position:sticky;top:-24px;z-index:4;display:flex;align-items:flex-start;justify-content:space-between;gap:16px;background:linear-gradient(180deg,#091520 0%,#091520 78%,rgba(9,21,32,0));padding:24px 0 18px;margin-top:-24px}.modal-head h2{font-size:27px;margin:0 0 5px}.tabs{display:flex;gap:6px;flex-wrap:wrap;margin:14px 0}.tabs button{border:1px solid #234a63;background:#0a2133;color:#cfe7f6;border-radius:9px;padding:9px 11px;cursor:pointer}.tabs button.active,.tabs button:hover{border-color:var(--cyan);background:rgba(37,221,255,.08)}.sticky-reason{position:sticky;bottom:-40px;background:#071019ed;border-top:1px solid #214864;margin:18px -24px -40px;padding:12px 24px;backdrop-filter:blur(8px)}

/* Misc */
.mapcard{overflow:auto}.mapcard canvas{width:100%;height:auto;border-radius:12px}.maplegend{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.maplegend button{background:#0d263a;color:#fff;border:1px solid #214864;border-radius:8px;padding:8px;cursor:pointer}.adapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.adapter{display:flex;gap:10px;align-items:flex-start;background:rgba(5,15,24,.55);border:1px solid rgba(72,116,143,.14);border-radius:10px;padding:10px}.dot{width:9px;height:9px;border-radius:50%;background:var(--danger);margin-top:4px;box-shadow:0 0 10px currentColor}.dot.on{background:var(--ok)}.search-section{margin:12px 0}.result{width:100%;display:block;text-align:left;border:1px solid rgba(72,116,143,.15);background:rgba(5,15,24,.55);color:#fff;border-radius:10px;padding:11px;margin:7px 0;cursor:pointer}.result:hover,.clickable:hover{border-color:var(--cyan)}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.itemcard{display:flex;flex-direction:column;gap:7px;margin:0}.grade-list{display:grid;gap:7px;margin-top:12px}.grade-row{display:grid;grid-template-columns:90px 1fr auto;gap:10px;padding:8px 10px;border-radius:8px;background:rgba(5,15,24,.55);border:1px solid rgba(72,116,143,.14)}.inventory-big{max-height:62vh}.hidden{display:none!important}#toasts{position:fixed;right:22px;bottom:22px;z-index:100;display:grid;gap:8px}.toast{background:#10283a;border:1px solid #2c5872;color:#fff;border-radius:11px;padding:11px 14px;box-shadow:var(--shadow)}.toast.bad{border-color:#8c3347;background:#351923}

@media(max-width:1300px){.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-row{grid-template-columns:46px minmax(240px,1fr) 130px 75px 75px auto}.vehicle-row .vehicle-health:nth-of-type(3){display:none}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.layout,.layout.side-collapsed{grid-template-columns:86px minmax(0,1fr)}.brand-copy,.nav-label,.side nav button{font-size:0}.side nav button{height:46px;text-align:center;padding:11px 8px}.side-foot span:last-child{display:none}.brand{grid-template-columns:1fr}.brand-mark{display:none}.side-toggle{margin:auto}.resource-grid,.detail-grid,.split{grid-template-columns:1fr}.columns3{grid-template-columns:1fr 1fr}.vehicle-row{grid-template-columns:44px 1fr auto}.vehicle-state,.vehicle-health{display:none}.content-shell{padding:22px}.top{padding:12px 22px}}
@media(max-width:760px){.layout,.layout.side-collapsed{display:block}.side{position:relative;height:auto;display:none}.main{min-height:100vh}.top{padding:10px 14px;height:auto;flex-wrap:wrap}.global{order:2;width:100%;max-width:none}.content-shell{padding:18px 14px 40px}.metrics,.grid.mini,.columns3,.admin-grid,.catalog-grid,.tuning-stats{grid-template-columns:1fr}.page-title{align-items:flex-start;flex-direction:column}.user{margin-left:auto}.modal,.modal.wide{width:100vw}.resource-grid{grid-template-columns:1fr}.permission-row,.setting-row{grid-template-columns:1fr}.vehicle-row{grid-template-columns:40px 1fr auto;padding:11px}.vehicle-row>.btn{padding:9px}.picker-row{grid-template-columns:34px 1fr}.picker-row>.mono{display:none}}

/* v3.1.1 Fahrzeug-/Schlüssel-Polish */
.key-person{min-width:0}.key-name-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.key-name-line b{line-height:1.2}.presence{display:inline-flex;align-items:center;gap:6px;border:1px solid rgba(104,140,161,.22);border-radius:999px;padding:3px 8px;font-size:10px;font-weight:800;letter-spacing:.02em;line-height:1;background:rgba(255,255,255,.025);white-space:nowrap}.presence i{width:7px;height:7px;border-radius:50%;display:block}.presence.online{color:#91f0c0;border-color:rgba(92,224,165,.24);background:rgba(92,224,165,.07)}.presence.online i{background:var(--ok);box-shadow:0 0 9px rgba(92,224,165,.55)}.presence.offline{color:#9eb1be}.presence.offline i{background:#647681}.key-person small{display:block;margin-top:5px;color:var(--muted)}

/* =========================================================
   X-Life Web Admin OS v4.2.1 · Control Center + Atlas UI
   Eigenständiges X-Life Design, inspiriert von modernen FiveM Admin-Dashboards.
   ========================================================= */
:root{
  --bg:#05070c;--bg2:#080d14;--panel:#0d131d;--panel2:#111a27;--panel3:#172231;
  --line:#202b39;--line2:#2e4153;--text:#f7fbff;--muted:#8e9dab;--muted2:#607080;
  --cyan:#23d7ff;--cyan2:#0a9fc4;--cyan-soft:rgba(35,215,255,.10);--danger:#ff5f79;--ok:#51dda2;--warn:#f8c75c;
  --violet:#7d6cff;--shadow:0 24px 70px rgba(0,0,0,.32);--radius:16px;--radius-sm:10px;
}
body{background:
radial-gradient(circle at 62% -10%,rgba(38,185,255,.09),transparent 26%),
radial-gradient(circle at 8% 25%,rgba(111,76,255,.055),transparent 22%),
linear-gradient(180deg,#05070c 0%,#070b11 48%,#05070b 100%)}
.layout{grid-template-columns:264px minmax(0,1fr)}
.side{background:linear-gradient(180deg,rgba(8,12,18,.97),rgba(6,9,14,.94));border-right-color:rgba(129,159,184,.12)}
.side nav button{font-size:13px;color:#96a5b2;border-radius:9px;padding:10px 11px}
.side nav button.active{background:linear-gradient(90deg,rgba(35,215,255,.12),rgba(35,215,255,.025));box-shadow:inset 2px 0 0 var(--cyan)}
.nav-label{font-size:9px;color:#4e5d6b;letter-spacing:.20em}
.top{height:68px;background:rgba(7,10,15,.82);border-bottom-color:rgba(130,158,182,.10)}
.content-shell{padding:24px 30px 64px}.content-shell>#content{max-width:1840px}
.card{background:linear-gradient(145deg,rgba(14,20,29,.96),rgba(10,15,23,.96));border-color:rgba(111,143,168,.16);box-shadow:0 12px 38px rgba(0,0,0,.14)}
.card:hover{border-color:rgba(50,196,228,.26)}
.btn{background:#131e2a;border-color:#2b3b4b;border-radius:9px}.btn:hover{background:#182838;border-color:rgba(35,215,255,.55)}
.btn.primary{background:linear-gradient(135deg,#0a85a8,#14b3d2);border-color:#2cdfff}.btn.accent{background:linear-gradient(135deg,#47369d,#6555d4);border-color:#8174ed}
.input,.select,.textarea{background:#0b1119;border-color:#263647;border-radius:9px}.input:focus,.select:focus,.textarea:focus{box-shadow:0 0 0 2px rgba(35,215,255,.08)}
.table-wrap{background:#090e15;border-color:rgba(115,145,168,.14);border-radius:13px}th{background:#0d141e;color:#718495}tbody tr:hover{background:rgba(35,215,255,.026)}
.metric{min-height:116px;padding:17px 18px}.metric .v{font-size:30px}.metrics{gap:11px}.metric:after{background:radial-gradient(circle,rgba(35,215,255,.08),transparent 70%)}
.kbd{position:absolute;right:88px;top:50%;transform:translateY(-50%);padding:3px 7px;border:1px solid #283a49;border-radius:6px;color:#6f8190;font-size:10px;background:#0b121a;pointer-events:none}

.control-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:26px 28px;margin:2px 0 20px;border:1px solid rgba(65,173,205,.18);border-radius:20px;background:linear-gradient(112deg,rgba(18,35,48,.92),rgba(10,16,25,.96) 58%,rgba(24,27,51,.80));box-shadow:0 20px 60px rgba(0,0,0,.16)}
.control-hero:after{content:"";position:absolute;width:360px;height:360px;right:-140px;top:-185px;border-radius:50%;background:radial-gradient(circle,rgba(35,215,255,.16),transparent 67%);pointer-events:none}.control-hero h1{font-size:38px}.control-hero p{max-width:800px;color:#9aaab7;margin:7px 0 0}.control-hero.compact{padding:20px 24px}.control-hero.compact h1{font-size:31px}.hero-actions{display:flex;gap:9px;z-index:1}

.flow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:2px 0 18px}.flow-steps span{position:relative;padding:9px 10px;border:1px solid #253646;border-radius:9px;background:#0b131d;color:#657888;font-size:10px;text-align:center;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.flow-steps span.active{color:#dcfaff;border-color:rgba(35,215,255,.46);background:rgba(35,215,255,.075);box-shadow:inset 0 -2px 0 var(--cyan)}
.equipment-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:9px;margin-top:14px}.equip-card{appearance:none;text-align:left;display:flex;flex-direction:column;gap:5px;min-height:145px;padding:15px;border:1px solid rgba(100,134,158,.16);border-radius:13px;background:linear-gradient(145deg,#0d151f,#0a1119);color:#fff;cursor:pointer;transition:.15s ease}.equip-card:hover{transform:translateY(-2px);border-color:rgba(35,215,255,.48);box-shadow:0 12px 32px rgba(0,0,0,.18)}.equip-card b{font-size:13px}.equip-card small{color:#718391;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;overflow-wrap:anywhere}.equip-card span{margin-top:auto;color:#8ea0ad;font-size:11px}.equip-icon{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#102a37,#18243b);border:1px solid rgba(35,215,255,.13);font-size:20px}.equip-icon.large{width:62px;height:62px;font-size:27px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:16px 0}.form-grid label{display:grid;gap:6px}.form-grid label>span,label>span{font-size:10px;color:#788b99;font-weight:800;letter-spacing:.07em;text-transform:uppercase}.span2{grid-column:1/-1}.info-box{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:13px 14px;margin:14px 0;border-radius:11px;border:1px solid rgba(35,215,255,.13);background:rgba(35,215,255,.035)}.info-box small{color:var(--muted)}.review-card{display:flex;gap:15px;align-items:center;padding:17px;margin:16px 0;border-radius:14px;background:linear-gradient(135deg,rgba(35,215,255,.055),rgba(125,108,255,.045));border:1px solid rgba(79,170,198,.16)}.review-card b{font-size:18px}.review-card small{display:block;color:var(--muted);margin-top:3px}.review-card p{margin:7px 0 0;color:#a8bac7}
.component-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.component-option{display:flex;gap:10px;align-items:flex-start;padding:10px;border:1px solid #253442;border-radius:10px;background:#0a1119;cursor:pointer}.component-option:has(input:checked){border-color:rgba(35,215,255,.45);background:rgba(35,215,255,.055)}.component-option input{accent-color:var(--cyan);margin-top:3px}.component-option small{display:block;color:#687a88;font:10px ui-monospace,SFMono-Regular,Menlo,monospace;margin-top:3px}.inner-card{background:#091019;border-radius:12px;margin:16px 0}

.weapon-list{display:grid;gap:9px}.weapon-card{display:grid;grid-template-columns:52px minmax(0,1fr) auto;gap:13px;align-items:center;padding:13px 14px;border:1px solid rgba(93,126,150,.15);border-radius:12px;background:#0a1119}.weapon-art{width:48px;height:48px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(135deg,#172537,#1d1b38);border:1px solid rgba(125,108,255,.16);font-size:20px}.weapon-name{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.weapon-info>small{display:block;color:#697c8b;margin-top:3px}.slot-chip{font-size:9px;color:#78dff0;border:1px solid rgba(35,215,255,.22);padding:2px 6px;border-radius:999px;background:rgba(35,215,255,.04)}.weapon-facts{display:flex;gap:13px;flex-wrap:wrap;margin-top:9px}.weapon-facts span{font-size:10px;color:#718492}.weapon-facts b{color:#ddecf5}.weapon-actions{display:flex;gap:7px}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.feature-list span{padding:9px 10px;border:1px solid rgba(87,122,146,.15);border-radius:9px;background:#0a1118;color:#a9bcc9}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.choice-card,.kit-card{appearance:none;text-align:left;border:1px solid rgba(94,128,153,.17);background:linear-gradient(145deg,#0e1721,#0a1118);color:#fff;border-radius:13px;padding:16px;cursor:pointer}.choice-card:hover,.kit-card:hover{border-color:rgba(35,215,255,.43);transform:translateY(-2px)}.choice-card>span,.kit-card>span{display:block;font-size:24px;margin-bottom:10px}.choice-card b,.kit-card b{display:block}.choice-card small,.kit-card small{display:block;color:var(--muted);margin-top:4px}.kit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.kit-card p{color:#93a5b2}.kit-card em{font-size:10px;color:#65dced;font-style:normal}

.analytics-panel{padding:16px 18px}.analytics-chart{width:100%;height:250px;display:block;margin-top:10px}.bar-row{display:grid;grid-template-columns:minmax(130px,1fr) 2fr 40px;gap:10px;align-items:center;padding:8px 0}.bar-row>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9fb0bc}.bar-row>div{height:6px;border-radius:999px;background:#121f2a;overflow:hidden}.bar-row i{display:block;height:100%;background:linear-gradient(90deg,#1caac8,#25e2ff);border-radius:999px}.bar-row b{text-align:right}.rank-row{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid rgba(95,125,147,.10)}.rank-row>span{color:#5f7382}.rank-row em{font-style:normal;color:#8193a0;font-size:11px}

.console-box{margin-bottom:12px}.console-prompt{display:grid;grid-template-columns:auto 1fr auto;align-items:center;border:1px solid #273948;border-radius:11px;background:#080d13;overflow:hidden}.console-prompt>span{padding:0 13px;color:#22dfff;font:800 12px ui-monospace,monospace}.console-prompt input{border:0;background:transparent;color:#eaf8ff;outline:none;padding:14px 6px;font:13px ui-monospace,monospace}.console-prompt button{height:100%;padding:0 17px;border:0;border-left:1px solid #273948;background:#112330;color:#d7f8ff;cursor:pointer}.terminal{border:1px solid #202c37;border-radius:13px;overflow:hidden;background:#05080c;box-shadow:0 20px 55px rgba(0,0,0,.22)}.terminal-head{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid #1d2832;background:#0a0f15}.terminal-head>span{width:9px;height:9px;border-radius:50%;background:#ff6577}.terminal-head>span:nth-child(2){background:#f7c75b}.terminal-head>span:nth-child(3){background:#50dca1}.terminal-head b{margin-left:8px;color:#718390;font-size:10px}.terminal-body{padding:12px;max-height:570px;overflow:auto;font:11px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.terminal-line{display:grid;grid-template-columns:145px 145px minmax(140px,1fr) 1.5fr;gap:11px;padding:5px 2px;border-bottom:1px solid rgba(99,126,144,.06)}.terminal-line .time{color:#4f6371}.terminal-line .prompt{color:#28dfff}.terminal-line em{font-style:normal;color:#899ca9}.oktext{color:var(--ok)!important}.badtext{color:var(--danger)!important}

.player-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:9px}.screen-player{appearance:none;display:grid;grid-template-columns:38px 1fr auto;gap:11px;align-items:center;text-align:left;border:1px solid rgba(94,128,153,.15);border-radius:12px;background:#0b121a;color:#fff;padding:12px;cursor:pointer}.screen-player:hover{border-color:rgba(35,215,255,.4);background:#0d1822}.screen-player small{display:block;color:var(--muted);margin-top:3px}.screen-player>span{color:#66dff3;font-size:11px}.screen-stage{aspect-ratio:16/9;max-height:70vh;display:grid;place-items:center;border:1px solid #293b4a;border-radius:14px;background:radial-gradient(circle at center,#111d29,#060a0f 67%);overflow:hidden}.screen-stage img{width:100%;height:100%;object-fit:contain;background:#000}.screen-stage>div{text-align:center;color:#708392}.screen-stage>div>span{display:block;font-size:38px;color:#28dfff}.screen-stage>div b,.screen-stage>div small{display:block;margin-top:7px}.screen-controls{display:flex;gap:8px;align-items:center;margin-top:12px}

.palette{padding:4px}.modal:has(.palette){width:min(720px,92vw);height:auto;max-height:80vh;margin:9vh auto;border:1px solid #2d4050;border-radius:16px;padding:12px;box-shadow:0 35px 100px rgba(0,0,0,.58)}.modal-bg:has(.palette){justify-content:center;align-items:flex-start}.palette-search{display:grid;grid-template-columns:36px 1fr;align-items:center;border-bottom:1px solid #24323f;padding:4px 7px 10px}.palette-search span{font-size:18px;color:#35dfff}.palette-search input{border:0;background:transparent;color:#fff;outline:none;padding:10px;font-size:15px}.palette #palrows{display:grid;gap:4px;max-height:58vh;overflow:auto;padding:8px 0}.palette #palrows button{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:8px;text-align:left;border:1px solid transparent;background:transparent;color:#fff;padding:9px;border-radius:9px;cursor:pointer}.palette #palrows button:hover{background:#101a24;border-color:#253c4c}.palette #palrows small{color:#728593}.palette-foot{padding:8px 10px 2px;color:#526572;font-size:10px}

@media(max-width:1100px){.equipment-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}.component-grid,.feature-list{grid-template-columns:1fr}.terminal-line{grid-template-columns:120px 1fr}.terminal-line .prompt{display:none}.control-hero{align-items:flex-start}.hero-actions{flex-wrap:wrap}}
@media(max-width:760px){.control-hero,.control-hero.compact{padding:18px;flex-direction:column}.control-hero h1,.control-hero.compact h1{font-size:28px}.hero-actions{width:100%}.hero-actions .btn{flex:1}.flow-steps{grid-template-columns:1fr 1fr}.equipment-grid{grid-template-columns:1fr 1fr}.form-grid,.component-grid,.choice-grid,.kit-grid,.feature-list{grid-template-columns:1fr}.weapon-card{grid-template-columns:42px 1fr}.weapon-actions{grid-column:1/-1}.terminal-line{display:block}.terminal-line>*{display:block;margin:2px 0}.kbd{display:none}.screen-controls{flex-wrap:wrap}.modal:has(.palette){margin:2vh 8px;width:calc(100vw - 16px)}.player-grid{grid-template-columns:1fr}}
.mini-list{display:grid;gap:6px;margin-top:10px}.mini-list-row{display:flex;justify-content:space-between;align-items:center;gap:9px;padding:8px 9px;border:1px solid rgba(91,124,148,.14);border-radius:9px;background:#091018}.mini-list-row small{display:block;color:var(--muted);margin-top:2px}

/* ===== X-Life Atlas v4.2 ===== */
.atlas-hero{margin-bottom:14px;background:radial-gradient(circle at 85% 25%,rgba(34,211,238,.14),transparent 32%),linear-gradient(135deg,rgba(7,31,48,.96),rgba(5,18,29,.96))}
.atlas-layout{display:grid;grid-template-columns:300px minmax(0,1fr) 300px;gap:14px;align-items:stretch;min-height:760px}.atlas-filters,.atlas-detail,.atlas-stage{min-width:0}.atlas-filters{padding:14px;display:flex;flex-direction:column;gap:12px}.atlas-search{display:grid;grid-template-columns:auto 1fr auto;gap:7px;align-items:center}.atlas-search>span{color:var(--cyan);font-size:20px}.atlas-quick{display:flex;gap:7px}.atlas-quick button,.saved-view{border:1px solid rgba(86,145,178,.18);background:rgba(6,22,34,.7);color:#dbefff;border-radius:9px;padding:8px 10px;cursor:pointer}.atlas-quick button:hover,.saved-view:hover{border-color:var(--cyan)}.atlas-layer-scroll{overflow:auto;max-height:430px;padding-right:4px}.atlas-layer-group{display:grid;gap:5px;margin:5px 0 13px}.atlas-layer-group>b{font-size:10px;letter-spacing:.14em;color:#6f91a5;padding:0 3px}.atlas-toggle{display:grid;grid-template-columns:auto auto 1fr auto;gap:8px;align-items:center;border:1px solid transparent;border-radius:9px;padding:7px 8px;cursor:pointer;color:#dcebf4}.atlas-toggle:hover{background:rgba(37,221,255,.05);border-color:rgba(37,221,255,.16)}.atlas-toggle.sensitive{background:rgba(239,68,68,.035)}.atlas-toggle input{accent-color:#25ddff}.atlas-dot{width:9px;height:9px;border-radius:50%;background:var(--dot);box-shadow:0 0 10px var(--dot)}.atlas-toggle small{font-size:10px}.atlas-saved{display:grid;gap:6px}.atlas-saved .section-head{margin-bottom:0}.saved-view{display:flex;gap:8px;align-items:center;text-align:left}.saved-view b{font-size:12px}.atlas-scan{border-top:1px solid rgba(86,145,178,.12);padding-top:10px;display:grid;gap:3px}.atlas-scan span{color:#a8e9c6;font-size:12px}.atlas-scan small{color:#7894a5;word-break:break-word}.atlas-stage{padding:0;overflow:hidden;display:flex;flex-direction:column}.atlas-toolbar{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;border-bottom:1px solid rgba(86,145,178,.14);background:rgba(5,17,28,.86)}.atlas-status{display:grid;grid-template-columns:auto auto;column-gap:8px;align-items:center}.atlas-status small{grid-column:2;color:#7694a7}.atlas-toolbar .actions{display:flex;gap:7px;align-items:center}.atlas-canvas-wrap{position:relative;flex:1;min-height:650px;overflow:hidden;background:#06131e}.atlas-canvas-wrap canvas{display:block;width:100%;height:100%;cursor:grab}.atlas-canvas-wrap canvas.dragging{cursor:grabbing}.atlas-crosshair{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;color:rgba(255,255,255,.22);font-size:20px}.atlas-foot{display:flex;gap:18px;flex-wrap:wrap;padding:9px 13px;color:#7592a4;font-size:11px;border-top:1px solid rgba(86,145,178,.12);background:rgba(5,17,28,.86)}.atlas-detail{padding:15px;overflow:auto}.atlas-detail h2{margin:5px 0}.atlas-detail>p{color:#7894a5;word-break:break-word}.detail-kicker{font-size:10px;letter-spacing:.14em;color:#5fbfdc}.atlas-detail-head{display:flex;gap:11px;align-items:center;margin:10px 0 15px}.detail-list{display:grid;gap:8px;margin:12px 0 16px}.detail-list>div{display:flex;justify-content:space-between;gap:12px;padding:9px;border-radius:9px;background:rgba(7,24,37,.66);border:1px solid rgba(86,145,178,.1)}.detail-list span{color:#7795a8;font-size:11px}.detail-list b{font-size:12px;text-align:right}.atlas-review-list{display:grid;gap:8px;max-height:68vh;overflow:auto}.review-row{display:grid;grid-template-columns:minmax(260px,1fr) 190px auto auto;gap:8px;align-items:center;border:1px solid rgba(86,145,178,.13);background:rgba(5,18,29,.76);border-radius:10px;padding:10px}.review-row>div{display:grid;gap:2px}.review-row small{color:#7894a5}.review-row .mono{font-size:10px;color:#5f8195}.wide{width:100%}
@media(max-width:1250px){.atlas-layout{grid-template-columns:260px minmax(0,1fr)}.atlas-detail{grid-column:1/-1;min-height:180px}.atlas-canvas-wrap{min-height:600px}}
@media(max-width:820px){.atlas-layout{grid-template-columns:1fr}.atlas-filters{order:2}.atlas-stage{order:1}.atlas-detail{order:3}.atlas-canvas-wrap{min-height:520px}.atlas-layer-scroll{max-height:none}.review-row{grid-template-columns:1fr}.atlas-search{grid-template-columns:auto 1fr}.atlas-search .btn{grid-column:1/-1}.atlas-foot{gap:8px}.atlas-toolbar{height:auto;min-height:58px;gap:8px;flex-wrap:wrap;padding:9px 12px}}

/* ===== v4.2.1 Postal Map refresh ===== */
:root{
  --bg:#050607;--bg2:#080a0c;--panel:#0b0d0f;--panel2:#0e1114;--panel3:#11161a;
  --line:#1a2025;--line2:#25313a;--text:#f5f7f8;--muted:#84919b;--muted2:#5d6871;
  --cyan:#00d6e8;--cyan2:#00aebe;--cyan-soft:rgba(0,214,232,.09);--danger:#ff5c73;--ok:#41d890;--warn:#e9b84c;
  --shadow:0 18px 50px rgba(0,0,0,.32);--radius:7px;--radius-sm:5px;
}
html,body{background:#050607}
body{background:linear-gradient(180deg,#050607 0,#07090b 100%);font-size:13px}
.layout{grid-template-columns:232px minmax(0,1fr)}
.layout.side-collapsed{grid-template-columns:72px minmax(0,1fr)}
.side{background:#07090b;border-right:1px solid #171d21;padding:12px 10px 10px;backdrop-filter:none}
.brand{grid-template-columns:44px 1fr 32px;gap:8px;padding:5px 4px 14px;margin-bottom:8px;border-bottom:1px solid #171d21}
.brand-mark{width:42px;height:38px;border-radius:6px;border-color:#1c2b32;background:#0a1114}.brand img{width:38px;height:31px}.brand-copy b{font-size:15px}.brand-copy small{font-size:9px;letter-spacing:.08em;color:#65747e}
.nav-group{margin-bottom:11px}.nav-label{padding:8px 8px 4px;font-size:8px;letter-spacing:.18em;color:#46535d}.side nav button{padding:8px 9px;border-radius:4px;margin:1px 0;font-size:12px;color:#86949e}.side nav button:hover{transform:none;background:#0c1114;border-color:#1d272e}.side nav button.active{background:#0c171b;border-color:#123842;box-shadow:inset 2px 0 0 var(--cyan);color:#eafcff}
.main{background:#050607}.top.orb-top{height:56px;padding:0 16px;background:#050607;border-bottom:1px solid #171d21;backdrop-filter:none;display:flex;gap:16px;align-items:center}
.top-tabs{display:flex;align-self:stretch;min-width:0;overflow-x:auto}.top-tabs button{appearance:none;border:0;border-bottom:2px solid transparent;background:transparent;color:#77848d;padding:0 12px;font-size:10px;text-transform:uppercase;letter-spacing:.055em;cursor:pointer;white-space:nowrap}.top-tabs button:hover{color:#dce6eb;background:#080b0d}.top-tabs button.active{color:#f4fdff;border-bottom-color:var(--cyan);background:#080c0e}
.top-tools{display:flex;align-items:center;gap:10px;margin-left:auto}.global{max-width:250px}.global .input{height:31px;min-width:145px;border-radius:4px;padding-left:30px;background:#090d0f;border-color:#1b252b;font-size:11px}.search-icon{left:10px;font-size:14px}.kbd{font-size:9px;padding:2px 5px;border-radius:3px}.user img{width:31px;height:31px;box-shadow:none}.user b{font-size:11px}.user small{font-size:9px}.iconbtn{width:31px;height:31px;border-radius:4px;background:#0a0f12}
.content-shell{padding:18px 20px 40px}.content-shell>#content{max-width:1920px}
h1{font-size:27px}.eyebrow{font-size:8px;letter-spacing:.2em}.sub,.page-title p{font-size:11px}.card{background:#0a0d0f;border:1px solid #1a2228;border-radius:6px;padding:14px;box-shadow:none}.card:hover{border-color:#222e35}.metrics{gap:8px;margin:10px 0 14px}.metric{min-height:88px}.metric:after{display:none}.metric>span{font-size:10px;color:#76858f}.metric .v{font-size:20px}.metric small{font-size:9px}.split,.detail-grid{gap:9px;margin:10px 0}.section-head h2{font-size:14px}
.btn{border-radius:4px;padding:7px 10px;background:#0d1418;border-color:#24323a;font-size:10px;box-shadow:none}.btn:hover{transform:none;background:#102027}.btn.primary{background:#073b43;border-color:#0a7b88;color:#baf9ff;box-shadow:none}.btn.primary:hover{background:#07505b}.btn.danger{background:#311017}.btn.warn{background:#2e2510}.input,.select,.textarea{border-radius:4px;background:#080c0f;border-color:#1c282f;padding:8px 10px}.tag{border-radius:3px}.table-wrap{border-radius:5px;background:#080b0d;border-color:#1b2328;box-shadow:none}th{background:#0b0f12;color:#65737c;font-size:9px}th,td{padding:9px 11px}.activity>div{border-left:2px solid #173e46;background:#080c0e;border-bottom:1px solid #151c20;padding:9px 10px;margin-bottom:4px}
.orb-pagehead{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 0 10px;padding:2px 0 10px;border-bottom:1px solid #151c20}.orb-pagehead h1{margin:0;font-size:25px}.orb-pagehead p{margin:4px 0 0;color:#74818a;font-size:10px}.orb-live-pill{display:inline-flex;align-items:center;gap:6px;border:1px solid #12362e;background:#07130f;color:#68e2a7;padding:6px 8px;border-radius:4px;font-size:9px;font-weight:800;letter-spacing:.08em}

/* Atlas: actual map-first composition */
.atlas-hero{display:none}.atlas-layout.orb-atlas{grid-template-columns:230px minmax(0,1fr) 260px;gap:8px;min-height:calc(100vh - 105px)}.atlas-filters{padding:10px;gap:8px;background:#080b0d}.atlas-filters .section-head h2{font-size:13px}.atlas-search{gap:4px}.atlas-search .input{min-width:0;font-size:10px}.atlas-quick{gap:4px}.atlas-quick button,.saved-view{border-radius:3px;padding:6px 7px;background:#0a0e10;font-size:9px}.atlas-layer-scroll{max-height:calc(100vh - 430px)}.atlas-layer-group{gap:2px;margin:3px 0 8px}.atlas-layer-group>b{font-size:8px;color:#4d5b64}.atlas-toggle{border-radius:3px;padding:5px 5px;gap:6px;font-size:10px}.atlas-dot{width:6px;height:6px;box-shadow:none}.atlas-scan small{font-size:8px}.atlas-stage{border-radius:4px;background:#020303}.atlas-toolbar{height:42px;padding:0 9px;background:#07090a;border-bottom-color:#171d21}.atlas-status b{font-size:10px;text-transform:uppercase;letter-spacing:.06em}.atlas-status small{font-size:8px}.map-mode{display:flex;align-items:center;border:1px solid #1b2429;border-radius:3px;overflow:hidden;margin-left:auto;margin-right:8px}.map-mode button{appearance:none;border:0;background:#080b0d;color:#65747d;padding:5px 8px;font-size:8px;font-weight:800;letter-spacing:.08em;cursor:pointer}.map-mode button.active{background:#0b2c33;color:#8ff2ff}.atlas-canvas-wrap{min-height:720px;background:#020303}.atlas-canvas-wrap:after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.35)}.atlas-stage.map-dim canvas{filter:brightness(.5) saturate(.7)}.atlas-map-state{position:absolute;left:50%;top:16px;transform:translateX(-50%);z-index:3;background:rgba(5,7,8,.78);border:1px solid #1d2d33;color:#8ca1aa;border-radius:3px;padding:5px 8px;font-size:9px;pointer-events:none}.atlas-map-state.ready{display:none}.atlas-map-state.bad{color:#ff8b9b;border-color:#50232b}.atlas-crosshair{font-size:13px;color:rgba(255,255,255,.14)}.atlas-foot{padding:6px 8px;background:#060809;border-top-color:#161c20;font-size:8px;color:#58666e}.atlas-source{margin-left:auto;color:#2d7780}.atlas-detail{padding:10px;background:#080b0d}.atlas-detail h2{font-size:14px}.detail-list{gap:4px}.detail-list>div{border-radius:3px;padding:6px;background:#090d0f}.detail-list span,.detail-list b{font-size:9px}.atlas-review-list{gap:5px}.review-row{border-radius:4px;background:#080b0d}

@media(max-width:1450px){.top-tabs button{padding:0 8px}.global{max-width:190px}.atlas-layout.orb-atlas{grid-template-columns:210px minmax(0,1fr) 230px}}
@media(max-width:1180px){.top.orb-top{height:auto;min-height:56px;flex-wrap:wrap;padding:5px 10px}.top-tabs{order:2;width:100%;height:34px}.top-tools{width:100%;order:1}.global{max-width:none;flex:1}.atlas-layout.orb-atlas{grid-template-columns:220px minmax(0,1fr)}.atlas-detail{grid-column:1/-1}.atlas-canvas-wrap{min-height:600px}}
@media(max-width:820px){.layout{grid-template-columns:1fr}.side{display:none}.top-tabs{overflow:auto}.top-tools .user div{display:none}.content-shell{padding:10px}.atlas-layout.orb-atlas{grid-template-columns:1fr}.atlas-stage{order:1}.atlas-filters{order:2}.atlas-detail{order:3}.atlas-canvas-wrap{min-height:520px}}

/* v4.2.1: local postal-map presentation */
.atlas-canvas-wrap{background:radial-gradient(circle at 50% 45%,#0b1519 0,#050708 70%)}
.atlas-stage.map-dim canvas{filter:brightness(.58) saturate(.72) contrast(1.05)}
.atlas-source{max-width:44%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}