:root {
  --bg: #09090c;
  --panel: #111115;
  --panel2: #18181d;
  --line: #2a2a31;
  --text: #f8f5ff;
  --muted: #9289a3;
  --accent: #8b5cf6;
}

body {
  background:
    radial-gradient(circle at 82% 2%, rgba(139, 92, 246, 0.07), transparent 31%),
    radial-gradient(circle at 8% 94%, rgba(139, 92, 246, 0.045), transparent 32%),
    var(--bg);
}

.ambient-one { background: #5f3b86; opacity:.22; }
.ambient-two { background: #34303b; opacity:.18; }

.brand-mark,
.avatar {
  color: #fff;
  background: linear-gradient(135deg, #6d3ee8, #a855f7);
  box-shadow: 0 0 26px rgba(139, 92, 246, 0.3);
}

.eyebrow,
.section-heading > span,
.tip > span {
  color: #a78bfa;
}

.brand-mark.brand-image {
  display: block;
  width: 42px;
  height: 42px;
  padding: 0;
  border: 1px solid rgba(167, 139, 250, .42);
  border-radius: 11px;
  object-fit: cover;
  background: #0b0910;
}

.store-admin-card { max-width: 1050px; padding: 28px; display: grid; gap: 18px; }
.store-products-heading { display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:8px; }
.store-product-editor { display:grid;gap:12px; }
.store-product-config { padding:18px;border:1px solid #29252f;border-radius:12px;background:#0d0d11; }
.store-product-config-head { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px; }
.store-product-config-head b { font:700 14px 'Space Grotesk'; }
.store-product-config-head button { padding:7px 10px;border:1px solid rgba(239,68,68,.32);border-radius:7px;background:rgba(127,29,29,.18);color:#f29ca5;cursor:pointer; }
.store-product-config-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 12px; }
.store-product-config-grid label:nth-child(5),.store-product-config-grid label:nth-child(6) { grid-column:1/-1; }
.store-product-active { display:flex;align-items:center;gap:9px;margin:2px 0 0;color:#bdb8c5;font-size:11px; }
.store-product-active input { width:16px;height:16px;accent-color:#8b5cf6; }
.store-product-active span { margin:0; }
.store-vehicle-fields{margin:14px 0;padding:16px;border:1px solid #8f4dcc66;border-radius:12px;background:linear-gradient(135deg,#25133266,#120b1966)}.store-vehicle-fields header{margin-bottom:14px}.store-vehicle-fields header b,.store-vehicle-fields header small{display:block}.store-vehicle-fields header b{color:#d18bf4}.store-vehicle-fields header small{margin-top:4px;color:#8f8398;font-size:9px}
.store-product-type-picker{margin-bottom:14px}.store-add-product-bottom{display:flex;justify-content:center;padding:18px;border:1px dashed #8348aa77;border-radius:12px;background:#8f4dcc0a}.store-add-product-bottom button{min-width:min(100%,360px)}
@media(max-width:720px){.store-product-config-grid{grid-template-columns:1fr}.store-product-config-grid label:nth-child(5),.store-product-config-grid label:nth-child(6){grid-column:auto}.store-products-heading{align-items:flex-start;flex-direction:column}}

.sidebar nav { min-height:0;flex:1;padding-right:4px;overflow-y:auto;scrollbar-width:none; }
.sidebar nav::-webkit-scrollbar { display:none; }
.nav-group { margin:4px 0; }
.nav-group summary { list-style:none;display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:10px;color:#9e97aa;font-size:12px;font-weight:700;cursor:pointer;user-select:none;transition:.18s ease; }
.nav-group summary::-webkit-details-marker { display:none; }
.nav-group summary:hover,.nav-group[open] summary { color:#fff;background:rgba(139,92,246,.09); }
.nav-group summary span { display:flex;align-items:center;gap:10px; }
.nav-group summary i { width:18px;text-align:center;font-style:normal; }
.nav-group summary b { font-size:13px;transition:transform .18s ease; }
.nav-group[open] summary b { transform:rotate(180deg); }
.nav-group > div { padding:4px 0 4px 10px;border-left:1px solid rgba(139,92,246,.16);margin-left:20px; }
.nav-group .nav-item { width:100%; }
.operations-overview{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0}.operations-search-row{display:grid;grid-template-columns:1fr 110px;gap:10px}.operations-results{display:grid;gap:8px;margin-top:12px}.operations-result{padding:11px 13px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(255,255,255,.025)}.operations-result b{display:block;color:#eee;font-size:12px}.operations-result small{color:#82798e}.health-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0}.health-item{padding:11px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06)}.health-item b{display:block;font-size:12px}.health-item small{color:#837a8f}.health-item.ok b{color:#45d99a}.health-item.bad b{color:#ff6b79}.schedule-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.schedule-message{grid-column:1/-1}.schedule-grid>button{grid-column:1/-1}@media(max-width:900px){.operations-overview{grid-template-columns:1fr}.schedule-grid{grid-template-columns:1fr}.schedule-message{grid-column:auto}}
.application-hub-tabs { display:flex;flex-wrap:wrap;gap:7px;margin:0 0 22px;padding:8px;border:1px solid #29252f;border-radius:11px;background:#0d0d11; }
.application-hub-tabs button { padding:9px 13px;border:1px solid transparent;border-radius:7px;background:transparent;color:#918a9c;font-size:10px;font-weight:700;cursor:pointer; }
.application-hub-tabs button:hover { color:#fff;background:#17131d; }
.application-hub-tabs button.active { border-color:#6d3ee8;background:#6d3ee8;color:#fff; }

.workspace {
  background: linear-gradient(145deg, #0e0a16, #09070e);
  border-color: #2a2037;
  box-shadow: 0 30px 90px rgba(0, 0, 0, 0.38);
}

.preview-panel {
  background: #08060c;
  border-color: #2a2037;
}

.status-card {
  background: #110d18;
  border-color: #2b2237;
}

.status-card:hover { border-color: #5c4380; }
.status-card.active {
  border-color: #7c5cba;
  background: #191126;
  box-shadow: inset 0 0 20px rgba(139, 92, 246, 0.06);
}

.status-card.active i { color: #b794f6; }

input,
select,
textarea {
  color: #f8f5ff;
  background: #09070e;
  border-color: #2b2237;
}

input:focus,
select:focus,
textarea:focus {
  border-color: #7955b5;
  box-shadow: 0 0 0 3px rgba(139, 92, 246, 0.12);
}

.primary {
  color: #fff;
  background: linear-gradient(100deg, #6d4bea, #9c4fe8);
  box-shadow: 0 12px 30px rgba(124, 58, 237, 0.2);
}

.primary:hover {
  box-shadow: 0 12px 34px rgba(139, 92, 246, 0.34);
}

.discord-window {
  background: #100c16;
  border-color: #2c2338;
}

.discord-top,
.code {
  background: #08060c;
}

.embed { background: #17121e; }
.connect-button { background: #50358c; }
.tip {
  background: #100b18;
  border-color: #2d2240;
}

.connection,
.logout {
  background: rgba(18, 12, 27, 0.78);
  border-color: #302440;
}

.login-view {
  background:
    radial-gradient(circle at 50% 12%, #251645 0, #0b0712 43%, #040307 100%);
}

.login-card {
  background: rgba(12, 8, 20, 0.93);
  border-color: #342550;
  box-shadow: 0 30px 110px rgba(0, 0, 0, 0.82);
}

.login-brand h1 { color: #d7c8ff; }
.login-brand p { color: #786b91; }
.login-help { background: rgba(19, 12, 32, 0.55); }

.site-team-config { padding:18px;border:1px solid #2a2a31;border-radius:12px;background:#111115; }
.site-team-fields { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:14px 0; }
.site-team-fields label:last-child { grid-column:1/-1; }
.site-team-save { width:auto;padding:10px 16px; }
.team-map-picker{position:relative;aspect-ratio:1.78;margin:4px 0 7px;border:1px solid #34303e;border-radius:12px;background:#071522 url('/brand-assets/gta-map.png') center/cover no-repeat;cursor:crosshair;overflow:hidden}.team-map-picker i{position:absolute;width:16px;height:16px;border:3px solid #fff;border-radius:50%;background:var(--map-color);box-shadow:0 0 0 5px color-mix(in srgb,var(--map-color) 35%,transparent);transform:translate(-50%,-50%)}.team-map-hint{display:block;margin:0 0 14px;color:#91879b}
@media(max-width:720px){.site-team-fields{grid-template-columns:1fr}.site-team-fields label:last-child{grid-column:auto}}
.site-role-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:240px;overflow:auto;padding:12px;border:1px solid #2a2a31;border-radius:10px;background:#0d0d11}
.site-role-picker label{display:flex;align-items:center;gap:8px;padding:9px;border:1px solid #292930;border-radius:8px;background:#151519;cursor:pointer}
.site-role-picker label:has(input:checked){border-color:#8d46d6;background:#1d1723}
.site-role-picker input{width:auto}.site-role-picker i{width:9px;height:9px;border-radius:50%}.site-role-picker span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}
@media(max-width:900px){.site-role-picker{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.site-role-picker{grid-template-columns:1fr}}
.native-chart-card {
  min-width: 0;
  height: 250px;
  padding: 16px;
  border: 1px solid rgba(255,255,255,.07);
  border-radius: 14px;
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
  position: relative;
  overflow: hidden;
}
.native-chart-card canvas { width: 100%; height: 195px; display: block; }
.native-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-bottom:8px; }
.native-chart-heading span { color:#f5f1fa; font-size:13px; font-weight:700; }
.native-chart-heading small { color:#a78bfa; font-size:11px; font-weight:700; }
.leader-rating { display:block; margin-top:6px; color:#e5b8ff; font-size:9px; font-weight:700; }
.live-map-actions{display:flex;align-items:center;gap:10px}.demo-live-badge{padding:8px 11px;border:1px solid #563875;border-radius:999px;color:#c69aef;font-size:9px;font-weight:800}.demo-live-badge i{display:inline-block;width:7px;height:7px;margin-right:5px;border-radius:50%;background:#5ee58a;box-shadow:0 0 10px #5ee58a}.live-map-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}.live-map-stats article{padding:16px;border:1px solid #2d2238;border-radius:12px;background:#0c0910}.live-map-stats span{display:block;color:#706679;font-size:8px;font-weight:700}.live-map-stats strong{display:block;margin-top:5px;color:#f4eff8;font:700 22px 'Space Grotesk'}.live-map-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px}.map-filter-card{max-width:none;align-self:start}.map-filter-card .permission-check{margin-bottom:8px}.map-legend{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0}.map-legend span{font-size:9px;color:#85798e}.map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.map-legend .player,.map-marker.player i{background:#a876e8}.map-legend .police,.map-marker.police i{background:#4ea1ff}.map-legend .ems,.map-marker.ems i{background:#ff5b71}.map-legend .staff,.map-marker.staff i{background:#ffd45e}.map-selected-player{padding:13px;border:1px solid #30233c;border-radius:10px;background:#08060b}.map-selected-player b,.map-selected-player small{display:block}.map-selected-player small{margin-top:5px;color:#7d7285;font-size:9px}.vexa-map-shell{min-width:0}.vexa-map{position:relative;min-height:620px;overflow:hidden;border:1px solid #39284a;border-radius:16px;background:radial-gradient(circle at 52% 45%,#1c1522,#09070c 65%)}.vexa-map>svg{position:absolute;inset:0;width:100%;height:100%}.map-water path{fill:#0b1b28;opacity:.8}.map-roads path{fill:none;stroke:#59466c;stroke-width:7;opacity:.55}.map-districts text{fill:#6d5b79;font-size:18px;font-weight:700;letter-spacing:5px;opacity:.45}.map-markers{position:absolute;inset:0}.map-marker{position:absolute;transform:translate(-50%,-50%);border:0;background:transparent;color:#fff;cursor:pointer}.map-marker i{display:block;width:14px;height:14px;border:3px solid #0a0710;border-radius:50%;box-shadow:0 0 0 2px currentColor,0 0 14px currentColor}.map-marker span{display:block;margin-top:6px;padding:3px 6px;border-radius:5px;background:rgba(5,4,8,.84);font-size:8px;white-space:nowrap}.map-corner-label{position:absolute;right:18px;bottom:16px;padding:9px 12px;border:1px solid #402d51;border-radius:9px;background:rgba(7,5,10,.85)}.map-corner-label b,.map-corner-label span{display:block}.map-corner-label b{font-size:10px}.map-corner-label span{margin-top:3px;color:#76687f;font-size:8px}@media(max-width:900px){.live-map-layout{grid-template-columns:1fr}.live-map-stats{grid-template-columns:repeat(2,1fr)}.vexa-map{min-height:460px}}
.center-tabs{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px}.center-tabs button{border:1px solid #302b38;background:#111014;color:#aaa4b3;border-radius:10px;padding:10px 14px;cursor:pointer}.center-tabs button.active{color:#fff;border-color:#8d46d6;background:linear-gradient(135deg,#432260,#281638)}.center-records{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.center-record{min-height:165px;border:1px solid #2d2932;background:linear-gradient(145deg,#121115,#0c0b0e);border-radius:14px;padding:18px}.center-record h3{font-size:17px;margin:12px 0 4px}.center-record b{font-size:12px;color:#a89faf}.center-record p{color:#cbc5d0;white-space:pre-wrap;line-height:1.55}.center-record small{color:#706978}.center-status,.demo-chip{display:inline-flex;padding:4px 8px;border-radius:20px;font-size:10px;font-weight:700;background:#1d3a2c;color:#70e2a1;margin-right:6px}.demo-chip{background:#2d1a43;color:#c58aff}.demo-notice{border:1px solid #513276;background:#17111f;color:#d4c3e3;border-radius:12px;padding:13px 16px;margin-bottom:16px}.gta-map-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#174a75}.vexa-map{aspect-ratio:695/749;min-height:0;max-height:74vh;margin:auto}.map-marker{z-index:2}@media(max-width:1050px){.center-records{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:650px){.center-records{grid-template-columns:1fr}}