*{box-sizing:border-box}html{background:#07101c}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#e8eef7;background:radial-gradient(circle at 15% -10%,#153454 0,transparent 34%),linear-gradient(180deg,#09121f,#0c1624 52%,#08111c);min-height:100vh}.topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:14px max(20px,calc((100vw - 1180px)/2));background:rgba(7,16,28,.88);backdrop-filter:blur(18px);border-bottom:1px solid #213044}.brand{display:flex;gap:10px;align-items:center}.brandmark{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,#f2c94c,#d9a725);color:#08111c;font-size:22px;box-shadow:0 10px 28px #0006}.brand strong{display:block;font-size:15px}.brand span{display:block;font-size:11px;color:#8fa2b9;margin-top:2px}.nav{display:flex;gap:4px;align-items:center}.nav a{color:#b9c7d8;text-decoration:none;padding:9px 11px;border-radius:10px;font-size:13px}.nav a:hover{background:#172335;color:#fff}.navtoggle{display:none}.shell{max-width:1180px;margin:0 auto;padding:36px 20px 80px}.footer{padding:25px;text-align:center;color:#70849c;font-size:12px;border-top:1px solid #1b2a3d}.card{background:linear-gradient(180deg,rgba(22,34,51,.95),rgba(14,25,39,.95));border:1px solid #2a3a50;border-radius:20px;padding:22px;box-shadow:0 18px 50px #0004}.loginwrap{display:grid;grid-template-columns:1.1fr .9fr;gap:34px;align-items:center;min-height:70vh}.hero h1{font-size:clamp(46px,7vw,84px);line-height:.95;margin:12px 0 22px;letter-spacing:-4px}.hero h1 span{color:#f0c64b}.hero p{max-width:620px;font-size:18px;color:#9eb0c6;line-height:1.7}.eyebrow{font-size:11px;letter-spacing:2.2px;color:#f0c64b;font-weight:800}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:24px}.hero-pills span,.minirow span{border:1px solid #31445d;background:#122033;padding:8px 12px;border-radius:99px;font-size:12px;color:#c6d4e4}.login{max-width:450px;width:100%;justify-self:end}.login h2,.card h2{margin-top:0}.muted{color:#91a4bb}label{display:block;font-size:12px;color:#b9c7d8;margin:14px 0 7px}input,select{width:100%;background:#0b1522;border:1px solid #314157;color:#eef4fb;padding:12px 13px;border-radius:11px;outline:none}input:focus,select:focus{border-color:#d6ad38;box-shadow:0 0 0 3px #d6ad3818}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #3b4c62;background:#1a2a3e;color:#edf4fb;text-decoration:none;border-radius:11px;padding:11px 14px;font-weight:700;font-size:13px;cursor:pointer}.btn:hover{filter:brightness(1.12)}.btn.primary{background:linear-gradient(135deg,#f4d15c,#d7a722);color:#111827;border:0}.btn.danger{background:#4a1f28;border-color:#783442;color:#ffd7dc}.btn.ghost{background:transparent}.btn.wide{width:100%;margin-top:16px}.btn.small{padding:7px 10px;font-size:11px}.note{margin-top:15px;padding:12px 14px;background:#0b1522;border:1px dashed #35485f;border-radius:12px;color:#8fa2b8;font-size:12px;line-height:1.5}.pagehead{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.pagehead h1{font-size:34px;margin:6px 0 4px;letter-spacing:-1px}.datechip{background:#122033;border:1px solid #2a3c54;padding:10px 14px;border-radius:12px;color:#dce7f3;font-weight:700}.grid3,.grid4{display:grid;gap:14px;margin-bottom:16px}.grid3{grid-template-columns:repeat(3,1fr)}.grid4{grid-template-columns:repeat(4,1fr)}.stat span{font-size:12px;color:#899db5;display:block}.stat strong{font-size:24px;display:block;margin:8px 0 4px;letter-spacing:-.5px}.stat small{color:#70849c}.ok{color:#70e2a4!important}.warn{color:#ffd166!important}.actioncard{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:14px}.actioncard p{color:#8fa2b9;margin-bottom:0}.alert{padding:13px 15px;border-radius:12px;margin:0 0 16px}.alert.success{background:#123526;border:1px solid #2e7452;color:#b9f3d0}.alert.error{background:#411d25;border:1px solid #73333f;color:#ffd4db}.gpscard,.successcard{text-align:center;max-width:680px;margin:0 auto}.gpsorb{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;margin:6px auto 22px;background:radial-gradient(circle at 35% 30%,#ffef9f,#e7bd3d 42%,#8a6b12 100%);color:#0b1522;font-weight:900;font-size:24px;box-shadow:0 0 0 16px #f0c64b10,0 0 70px #f0c64b20}.gpsorb.pulse{animation:pulse 1.4s infinite}@keyframes pulse{50%{transform:scale(1.05);box-shadow:0 0 0 30px #f0c64b08}}.gpsfacts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0}.gpsfacts div{background:#0a1421;border:1px solid #24354a;border-radius:14px;padding:14px}.gpsfacts span{display:block;font-size:11px;color:#70849c}.gpsfacts b{display:block;margin-top:5px}.tiny{font-size:11px;color:#6f829a;line-height:1.5}.bigcheck{width:90px;height:90px;display:grid;place-items:center;margin:auto;background:#153b2b;color:#79e1a7;border-radius:50%;font-size:46px}.minirow{display:flex;gap:8px;justify-content:center;margin-top:15px}.sessionbar,.filters{display:flex;gap:10px;align-items:end}.sessionbar input{flex:1}.filters input,.filters select{min-width:140px}.filters label{margin:0}.filters.wrap{flex-wrap:wrap}.tablewrap{overflow:auto;margin-top:14px}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:#8fa2b9;font-size:11px;text-transform:uppercase;letter-spacing:.7px;padding:11px;border-bottom:1px solid #2c3c50}td{padding:12px 11px;border-bottom:1px solid #1e2d40;color:#d7e1ec}.sub{color:#667b94;font-size:10px;margin-top:3px}.badge{display:inline-block;font-size:10px;font-weight:900;padding:5px 7px;border:1px solid currentColor;border-radius:99px}.settingscard{max-width:760px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:14px}.narrow{max-width:560px}.settingscard .btn{margin-top:10px}form .btn+span{margin-left:10px}
@media(max-width:900px){.grid4{grid-template-columns:repeat(2,1fr)}.loginwrap{grid-template-columns:1fr}.login{justify-self:stretch;max-width:none}.hero h1{font-size:55px}.navtoggle{display:block;background:#172335;color:#fff;border:1px solid #2d3e55;border-radius:10px;padding:7px 10px}.nav{display:none;position:absolute;top:70px;left:12px;right:12px;background:#0c1726;border:1px solid #2a3a50;border-radius:14px;padding:8px;box-shadow:0 20px 60px #0008}.navopen .nav{display:grid;grid-template-columns:1fr 1fr}.nav a{padding:12px}.grid3{grid-template-columns:1fr}.actioncard{align-items:flex-start;flex-direction:column}.actioncard .btn{width:100%}}
@media(max-width:600px){.shell{padding:26px 14px 70px}.pagehead{align-items:flex-start;flex-direction:column}.pagehead h1{font-size:29px}.grid4{grid-template-columns:1fr 1fr}.gpsfacts{grid-template-columns:1fr}.sessionbar,.filters{flex-direction:column;align-items:stretch}.filters input,.filters select{min-width:0}.twocol{grid-template-columns:1fr}.hero h1{font-size:46px;letter-spacing:-2px}.hero p{font-size:15px}.brand span{display:none}.card{padding:17px}.minirow{flex-wrap:wrap}}
.mapcard{margin-bottom:16px}.mapbox{width:100%;border-radius:16px;overflow:hidden;border:1px solid #34465d;background:#0a1421;z-index:1}.mapbox-settings{height:430px}.mapbox-monitor{height:520px}.maphead{display:flex;align-items:flex-start;justify-content:space-between;gap:18px;margin-bottom:14px}.maphead h2{margin-bottom:5px}.maphead p{margin:0}.mapcount{padding:8px 11px;border:1px solid #34465d;background:#0b1522;border-radius:999px;font-size:12px;white-space:nowrap}.maplegend{display:flex;gap:14px;flex-wrap:wrap;margin-top:12px;color:#9fb0c5;font-size:11px}.maplegend span{display:flex;gap:6px;align-items:center}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:#f0c64b}.dot.student{background:#68b8ff}.dot.teacher{background:#70e2a4}.dot.mosque{background:#f0c64b}.ring{display:inline-block;width:12px;height:12px;border-radius:50%;border:2px solid #f0c64b}.mapactions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:4px 0 2px}.mapactions .btn{margin-top:10px}.leaflet-container{font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;color:#111827}.student-marker{stroke:#68b8ff;fill:#0b76c9}.teacher-marker{stroke:#70e2a4;fill:#168a52}@media(max-width:600px){.mapbox-settings{height:350px}.mapbox-monitor{height:430px}.maphead{flex-direction:column}.mapactions{align-items:stretch}.mapactions .btn{width:100%}}

.maptools{display:flex;gap:8px;flex-wrap:wrap;align-items:center}
.maplayout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(300px,.8fr);gap:16px;align-items:stretch}
.mapside{display:grid;gap:16px}
.sidebox{background:#0b1522;border:1px solid #26374c;border-radius:16px;padding:16px}
.sidebox h3{margin:0 0 12px;font-size:15px}
.pillstats{display:grid;gap:10px;margin-top:14px}.pillstats-4{grid-template-columns:repeat(4,1fr)}.pillstats-2{grid-template-columns:repeat(2,1fr)}.pillstats.compact{margin-top:0}.pillstats>div{background:#0a1421;border:1px solid #24354a;border-radius:14px;padding:14px}.pillstats span{display:block;font-size:11px;color:#70849c}.pillstats b{display:block;margin-top:6px;font-size:15px;color:#eef4fb}
.locationlist{display:grid;gap:10px;max-height:420px;overflow:auto;padding-right:4px}.locitem{border:1px solid #26374c;background:#0a1421;border-radius:14px;padding:12px}.locitem.inside{border-color:#1f5b42}.locitem.outside{border-color:#734338}.locitem.empty{color:#8fa2b9;text-align:center}.locmain{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.locmain b{display:block;font-size:13px}.locmain span{font-size:11px;color:#8fa2b9;text-align:right}.locmeta{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.locmeta span{font-size:11px;color:#d7e1ec;background:#101c2b;border:1px solid #213146;border-radius:999px;padding:5px 8px}
.ring.faint{border-style:dashed;opacity:.7}
.mosque-divicon{background:transparent;border:none}.mosque-pin{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#f4d15c,#d7a722);box-shadow:0 8px 18px rgba(0,0,0,.28),0 0 0 4px rgba(244,209,92,.18);border:2px solid #fff}.mosque-pin span{font-size:14px;line-height:1}
.popupbadge{display:inline-block;margin:4px 0 2px;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:800}.popupbadge.inside{background:#daf7e5;color:#10663a}.popupbadge.outside{background:#ffe0d3;color:#a13c15}.poppanel{line-height:1.55}
.leaflet-control-layers{border-radius:12px!important;overflow:hidden;border:1px solid #314157!important;box-shadow:0 14px 30px rgba(0,0,0,.18)!important}.leaflet-control-layers-toggle{filter:grayscale(.1)}.leaflet-popup-content-wrapper,.leaflet-popup-tip{box-shadow:0 12px 28px rgba(0,0,0,.22)}
@media(max-width:980px){.maplayout{grid-template-columns:1fr}.mapside{grid-template-columns:1fr 1fr}.pillstats-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.maptools{width:100%}.maptools .btn{flex:1 1 auto}.mapside{grid-template-columns:1fr}.pillstats-2,.pillstats-4{grid-template-columns:1fr}.locationlist{max-height:none}}

/* ===== Luxury map UI v6 ===== */
.mapbox{position:relative;background:#dbe6ef;border:1px solid rgba(112,136,163,.45)!important;border-radius:22px!important;box-shadow:0 18px 55px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,255,255,.04);overflow:hidden}
.mapbox-settings{height:560px}.mapbox-monitor{height:620px}
.leaflet-container{background:#dce6ee!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial!important}
.leaflet-tile{filter:saturate(.95) contrast(.98)}
.leaflet-control-zoom{border:none!important;box-shadow:0 8px 28px rgba(15,23,42,.22)!important;border-radius:14px!important;overflow:hidden;margin-right:16px!important;margin-bottom:16px!important}
.leaflet-control-zoom a{width:38px!important;height:38px!important;line-height:36px!important;border:none!important;background:rgba(255,255,255,.96)!important;color:#1f2937!important;font-size:20px!important}
.leaflet-control-zoom a:first-child{border-bottom:1px solid #e5e7eb!important}.leaflet-control-zoom a:hover{background:#fff!important;color:#1d4ed8!important}
.leaflet-control-attribution{background:rgba(255,255,255,.84)!important;border-radius:9px!important;padding:3px 7px!important;margin:0 0 8px 8px!important;color:#64748b!important;font-size:9px!important;backdrop-filter:blur(10px)}
.leaflet-control-attribution a{color:#475569!important}

.lux-map-control{background:rgba(255,255,255,.95);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(148,163,184,.25);box-shadow:0 10px 34px rgba(15,23,42,.18);color:#0f172a}
.map-mode-control{display:flex;padding:4px;border-radius:14px;margin:16px 16px 0 0!important}
.mapmode{border:0;background:transparent;color:#64748b;font-weight:800;font-size:12px;padding:9px 13px;border-radius:10px;cursor:pointer;transition:.2s}
.mapmode:hover{color:#0f172a;background:#f8fafc}.mapmode.active{background:#0f172a;color:#fff;box-shadow:0 4px 10px rgba(15,23,42,.18)}
.map-info-control{display:flex;align-items:center;gap:10px;padding:10px 13px;border-radius:16px;margin:16px 0 0 16px!important;max-width:min(390px,calc(100vw - 150px))}
.map-info-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:linear-gradient(145deg,#eff6ff,#dbeafe);color:#1d4ed8;font-size:20px;font-weight:900;border:1px solid #bfdbfe}
.map-info-control b{display:block;font-size:12px;line-height:1.25;color:#0f172a}.map-info-control span{display:block;font-size:10px;color:#64748b;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lux-map-action{width:40px;height:40px;border:0;border-radius:13px;background:rgba(255,255,255,.96);color:#0f172a;font-size:20px;font-weight:800;box-shadow:0 8px 26px rgba(15,23,42,.2);cursor:pointer;margin:0 16px 8px 0;display:grid;place-items:center;transition:.2s}
.lux-map-action:hover{background:#fff;color:#1d4ed8;transform:translateY(-1px)}

.lux-divicon{background:transparent!important;border:none!important}
.lux-pin{position:relative;display:grid;place-items:center;box-shadow:0 8px 20px rgba(15,23,42,.28);border:3px solid #fff;transform:rotate(-45deg);transform-origin:center;border-radius:50% 50% 50% 0}
.lux-pin span{transform:rotate(45deg);display:grid;place-items:center;font-weight:900;line-height:1}
.lux-pin.mosque{width:40px;height:40px;background:linear-gradient(145deg,#f8d557,#d7a824);color:#0f172a;font-size:17px}
.pin-halo{position:absolute;width:48px;height:18px;border-radius:50%;left:-2px;bottom:-5px;background:rgba(214,173,56,.18);filter:blur(1px);z-index:-1;animation:mapHalo 2.2s ease-in-out infinite}
@keyframes mapHalo{50%{transform:scale(1.18);opacity:.55}}
.lux-pin.person{width:30px;height:30px;font-size:10px;color:#fff;border-width:2.5px}
.lux-pin.person.student{background:linear-gradient(145deg,#4d9cff,#1769e0)}
.lux-pin.person.teacher{background:linear-gradient(145deg,#38c885,#138a55)}
.lux-pin.person.outside{background:linear-gradient(145deg,#ff8a65,#dc4c2f)}
.lux-pin.person span{width:17px;height:17px;border-radius:50%;background:rgba(255,255,255,.18)}
.school-reference-pin{width:36px;height:36px;border-radius:12px;background:rgba(255,255,255,.96);border:2px solid #2563eb;box-shadow:0 8px 24px rgba(15,23,42,.2);display:grid;place-items:center;color:#1d4ed8;font-weight:900;font-size:10px}
.range-divicon{pointer-events:none!important}.range-badge{display:inline-block;min-width:56px;text-align:center;background:rgba(255,255,255,.96);color:#1e3a8a;border:1px solid #bfdbfe;border-radius:999px;padding:4px 8px;font-size:10px;font-weight:900;box-shadow:0 5px 16px rgba(30,64,175,.14)}

.leaflet-popup-content-wrapper{border-radius:16px!important;box-shadow:0 18px 45px rgba(15,23,42,.24)!important;padding:0!important;border:1px solid #e2e8f0}.leaflet-popup-content{margin:14px 15px!important}.leaflet-popup-tip{box-shadow:none!important}
.lux-popup{min-width:210px;color:#0f172a}.lux-popup>b{display:block;font-size:14px;margin-bottom:2px}.lux-popup>span{display:block;font-size:11px;color:#64748b;margin-bottom:7px}.lux-popup>small{display:block;color:#475569;line-height:1.45}.lux-popup em{display:block;margin-top:8px;color:#94a3b8;font-size:9px;font-style:normal;border-top:1px solid #eef2f7;padding-top:7px}
.popup-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.popup-grid small{display:block;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;padding:7px;color:#64748b;font-size:9px}.popup-grid small b{display:block;color:#0f172a;font-size:11px;margin-top:2px}
.popupbadge{display:inline-flex!important;align-items:center;width:max-content;margin:2px 0 7px!important;padding:4px 8px!important;border-radius:999px!important;font-size:10px!important;font-weight:900!important}.popupbadge.inside{background:#dcfce7!important;color:#166534!important}.popupbadge.outside{background:#ffedd5!important;color:#9a3412!important}

.mapcard{background:linear-gradient(180deg,rgba(18,31,47,.98),rgba(12,24,38,.98))!important;border-color:#30445f!important}
.maphead{margin-bottom:16px}.maphead h2{font-size:20px;letter-spacing:-.3px}.maphead p{max-width:760px}
.maplegend{padding:2px 2px 0}.ring{border-color:#4f8df7!important}.ring.faint{border-color:#8fb8ff!important}
.dot.student{background:#2f7df4!important}.dot.teacher{background:#22a96b!important}.dot.mosque{background:#e4b532!important}
.mapside .sidebox{background:linear-gradient(180deg,#0f1d2d,#0b1725);border-color:#2b405a}
.locitem{transition:.18s}.locitem:hover{transform:translateY(-1px);border-color:#496785}.locitem.inside{box-shadow:inset 3px 0 #2da56b}.locitem.outside{box-shadow:inset 3px 0 #e05b3f}

@media(max-width:980px){.mapbox-settings{height:500px}.mapbox-monitor{height:560px}}
@media(max-width:640px){.mapbox-settings,.mapbox-monitor{height:480px;border-radius:18px!important}.map-info-control{margin:10px 0 0 10px!important;max-width:calc(100vw - 120px);padding:8px 10px}.map-info-icon{width:30px;height:30px}.map-mode-control{margin:10px 10px 0 0!important}.mapmode{padding:8px 10px}.lux-map-action{margin-right:10px}.leaflet-control-zoom{margin-right:10px!important;margin-bottom:10px!important}.leaflet-control-attribution{display:none}.popup-grid{grid-template-columns:1fr 1fr 1fr}}