:root { color-scheme: dark; --bg:#070e1d; --surface:#0d192d; --surface2:#0d192d; --line:rgba(255,255,255,.09); --gold:#d5dfed; --gold2:#d5dfed; --text:#edf3fa; --muted:#aebdd0; --green:#58d68d; --red:#d5dfed; }
* { box-sizing:border-box; }
html,body { margin:0; min-height:100%; width:100%; }
body { background:var(--bg); color:var(--text); font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif; font-size:15px; }
button,input,select { font:inherit; }
.hidden { display:none!important; }
.geo-shell { display:grid; grid-template-columns:246px minmax(0,1fr); min-height:100vh; }
.geo-sidebar { background:linear-gradient(180deg,#070e1d,#070e1d); border-right:1px solid var(--line); display:flex; flex-direction:column; padding:28px 18px 20px; }
.geo-brand { align-items:center; color:var(--text); display:flex; gap:14px; padding:3px 10px 40px; text-decoration:none; }
.geo-mark { align-items:center; background:#0d192d; border:1px solid rgba(166,195,232,.3); border-radius:10px; color:var(--gold2); display:flex; font-family:Georgia,serif; font-weight:800; height:46px; justify-content:center; transform:rotate(45deg); width:46px; }
.geo-brand>span:last-child { margin-left:3px; }.geo-brand strong,.geo-brand small { display:block; }.geo-brand strong { font-family:Georgia,serif; font-size:1.12rem; }.geo-brand small { color:var(--gold); font-size:.61rem; font-weight:800; letter-spacing:.17em; margin-top:3px; }
.geo-sidebar nav { display:grid; gap:7px; }.geo-nav { align-items:center; border:1px solid transparent; border-radius:9px; color:#aebdd0; display:flex; font-size:.86rem; font-weight:650; gap:11px; padding:11px 12px; text-decoration:none; }.geo-nav:hover,.geo-nav.active { background:rgba(166,195,232,.09); border-color:rgba(166,195,232,.28); color:var(--gold2); }.geo-nav svg,.geo-top-actions svg { fill:none; height:19px; stroke:currentColor; stroke-linecap:round; stroke-linejoin:round; stroke-width:1.7; width:19px; }
.geo-user { align-items:center; border-top:1px solid var(--line); display:grid; gap:9px; grid-template-columns:38px 1fr auto; margin-top:auto; padding:20px 6px 0; }.geo-user>span { align-items:center; background:linear-gradient(145deg,var(--gold),#6f87a7); border-radius:10px; color:#0d192d; display:flex; font-size:.7rem; font-weight:900; height:38px; justify-content:center; }.geo-user strong,.geo-user small { display:block; }.geo-user strong { font-size:.74rem; }.geo-user small { color:var(--muted); font-size:.62rem; margin-top:2px; }.geo-user button { background:transparent; border:0; color:var(--muted); cursor:pointer; font-size:.67rem; }
.geo-workspace { min-width:0; padding:25px 28px 30px; }.geo-topbar { align-items:center; display:flex; justify-content:space-between; margin-bottom:20px; }.geo-topbar p,.geo-heading p { color:var(--gold); font-size:.7rem; font-weight:800; letter-spacing:.15em; margin:0; }.geo-topbar h1 { font-family:Georgia,serif; font-size:2rem; font-weight:500; margin:4px 0 0; }.geo-top-actions { align-items:center; display:flex; gap:12px; }.geo-top-actions span { color:var(--muted); font-size:.69rem; }.geo-top-actions i { background:var(--green); border-radius:50%; box-shadow:0 0 0 5px rgba(88,214,141,.08); display:inline-block; height:7px; margin-right:8px; width:7px; }.geo-top-actions button,.geo-heading button { background:var(--surface2); border:1px solid var(--line); border-radius:8px; color:var(--text); cursor:pointer; font-size:.7rem; padding:9px 12px; }
.geo-metrics { display:grid; gap:12px; grid-template-columns:repeat(4,1fr); margin-bottom:14px; }.geo-metrics article { background:linear-gradient(145deg,#0d192d,#070e1d); border:1px solid var(--line); border-radius:12px; padding:15px 18px; }.geo-metrics span { color:var(--muted); display:block; font-size:.7rem; }.geo-metrics strong { display:block; font-family:Georgia,serif; font-size:1.8rem; font-weight:500; margin-top:8px; }
.geo-tabs { background:#070e1d; border:1px solid var(--line); border-radius:10px; display:inline-flex; gap:4px; margin-bottom:14px; padding:4px; }.geo-tabs button { background:transparent; border:0; border-radius:7px; color:var(--muted); cursor:pointer; font-size:.72rem; font-weight:750; padding:8px 13px; }.geo-tabs button.active { background:#14233b; color:var(--gold2); }
.geo-tab-view { min-height:590px; }.geo-tab-view#geofencesTab { display:grid; gap:14px; grid-template-columns:minmax(500px,1fr) 370px; }.geo-map-card { background:var(--surface); border:1px solid var(--line); border-radius:13px; min-height:590px; overflow:hidden; position:relative; }.geo-map-card #geofenceMap { height:100%; min-height:590px; }.leaflet-tile-pane { filter:grayscale(.82) brightness(.53) contrast(1.25) sepia(.16); }.leaflet-control-zoom a { background:#0d192d!important; border-color:var(--line)!important; color:var(--gold2)!important; }.geo-map-hint { backdrop-filter:blur(12px); background:rgba(10,10,10,.9); border:1px solid var(--line); border-radius:8px; color:var(--gold2); font-size:.68rem; left:54px; padding:8px 11px; position:absolute; top:13px; z-index:500; }
.geo-editor,.geo-settings-card,.geo-inbox-card { background:var(--surface); border:1px solid var(--line); border-radius:13px; padding:18px; }.geo-editor { max-height:720px; overflow:auto; }.geo-heading { align-items:center; display:flex; justify-content:space-between; margin-bottom:16px; }.geo-heading h2 { font-family:Georgia,serif; font-size:1.35rem; font-weight:500; margin:4px 0 0; }
#geofenceForm,.geo-settings-card { display:grid; gap:12px; }#geofenceForm label,.geo-settings-card>label { display:grid; gap:6px; }#geofenceForm label>span,.geo-settings-card>label>span { color:#aebdd0; font-size:.67rem; font-weight:650; }input,select { background:#070e1d; border:1px solid var(--line); border-radius:8px; color:var(--text); outline:0; padding:10px 11px; width:100%; }input:focus,select:focus { border-color:var(--gold); box-shadow:0 0 0 3px rgba(166,195,232,.09); }input[type=range] { accent-color:var(--gold); border:0; padding:4px 0; }.geo-coordinate-grid { display:grid; gap:9px; grid-template-columns:1fr 1fr; }fieldset { border:1px solid var(--line); border-radius:8px; margin:0; padding:10px; }legend { color:var(--muted); font-size:.65rem; padding:0 5px; }.geo-device-checks { display:grid; gap:7px; max-height:105px; overflow:auto; }.geo-device-checks label,.geo-switches label { align-items:center!important; display:flex!important; gap:8px!important; }.geo-device-checks input,.geo-switches input { accent-color:var(--gold); height:15px; width:15px; }.geo-device-checks span,.geo-switches span { font-size:.69rem!important; }.geo-switches { display:flex; gap:18px; }.geo-form-actions { display:flex; gap:8px; justify-content:flex-end; }.gold,.danger { border:0; border-radius:8px; cursor:pointer; font-size:.72rem; font-weight:800; padding:11px 14px; }.gold { background:linear-gradient(110deg,#d5dfed,#d5dfed 52%,#6f87a7); color:#0d192d; }.danger { background:rgba(223,109,103,.1); border:1px solid rgba(223,109,103,.3); color:#d5dfed; }
.geo-zone-list { border-top:1px solid var(--line); display:grid; gap:7px; margin-top:18px; padding-top:14px; }.geo-zone-list article { background:#070e1d; border:1px solid var(--line); border-radius:8px; cursor:pointer; padding:10px; }.geo-zone-list article:hover,.geo-zone-list article.active { border-color:rgba(166,195,232,.4); }.geo-zone-list strong,.geo-zone-list span { display:block; }.geo-zone-list strong { font-size:.72rem; }.geo-zone-list span { color:var(--muted); font-size:.63rem; margin-top:3px; }
.geo-settings-card { margin:0 auto; max-width:680px; }.geo-setting-row { align-items:center; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; padding:14px 0; }.geo-setting-row strong,.geo-setting-row small { display:block; }.geo-setting-row strong { font-size:.8rem; }.geo-setting-row small { color:var(--muted); font-size:.66rem; margin-top:4px; }.toggle input { display:none; }.toggle i { background:#30435e; border-radius:99px; cursor:pointer; display:block; height:24px; position:relative; width:43px; }.toggle i:after { background:#aebdd0; border-radius:50%; content:""; height:18px; left:3px; position:absolute; top:3px; transition:.2s; width:18px; }.toggle input:checked+i { background:rgba(166,195,232,.28); }.toggle input:checked+i:after { background:var(--gold2); transform:translateX(19px); }.speed-input { align-items:center; display:flex; gap:9px; }.speed-input input { max-width:120px; }.speed-input b { color:var(--muted); font-size:.7rem; }
.geo-inbox-card { min-height:540px; }.geo-inbox-card .geo-heading select { width:170px; }.geo-alert-list { display:grid; gap:8px; }.geo-alert-list>p { color:var(--muted); text-align:center; }.geo-alert { align-items:center; background:#070e1d; border:1px solid var(--line); border-left:3px solid var(--gold); border-radius:9px; display:grid; gap:12px; grid-template-columns:1fr auto; padding:12px 13px; }.geo-alert.critical { border-left-color:var(--red); }.geo-alert.info { border-left-color:#6ba3df; }.geo-alert strong,.geo-alert small { display:block; }.geo-alert strong { font-size:.77rem; }.geo-alert p { color:#aebdd0; font-size:.69rem; margin:4px 0; }.geo-alert small { color:var(--muted); font-size:.62rem; }.geo-alert button { background:#0d192d; border:1px solid rgba(166,195,232,.25); border-radius:7px; color:var(--gold2); cursor:pointer; font-size:.64rem; padding:7px 9px; }
.geo-toast { background:#0d192d; border:1px solid rgba(166,195,232,.35); border-radius:9px; bottom:24px; box-shadow:0 20px 60px rgba(0,0,0,.45); color:var(--gold2); font-size:.75rem; padding:11px 15px; position:fixed; right:24px; z-index:2000; }
@media(max-width:1050px){.geo-shell{grid-template-columns:78px minmax(0,1fr)}.geo-brand>span:last-child,.geo-nav{font-size:0}.geo-brand{justify-content:center;padding-inline:0}.geo-nav{justify-content:center}.geo-user>div,.geo-user button{display:none}.geo-user{display:flex;justify-content:center}.geo-tab-view#geofencesTab{grid-template-columns:1fr}.geo-editor{max-height:none}.geo-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.geo-shell{display:block}.geo-sidebar{display:none}.geo-workspace{padding:18px 13px}.geo-top-actions span{display:none}.geo-metrics{grid-template-columns:repeat(2,1fr)}.geo-tab-view#geofencesTab{display:flex;flex-direction:column}.geo-map-card,#geofenceMap{min-height:480px}.geo-coordinate-grid{grid-template-columns:1fr}.geo-tabs{display:grid;grid-template-columns:repeat(3,1fr);width:100%}}