:root{color:#f4f7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:radial-gradient(circle at top,#36537a47,#0000 40%),linear-gradient(#0a1019 0%,#111a27 100%);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100%;margin:0}body{min-height:100vh}body:before{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff08,#0000 45%);position:fixed;inset:0}#app{min-height:100vh}.page-shell{width:min(1120px,100% - 32px);margin:0 auto;padding:48px 0 32px}.hero{margin-bottom:24px}.hero--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.eyebrow{color:#8ba2c7;text-transform:uppercase;letter-spacing:.16em;margin:0 0 10px;font-size:.78rem}h1{letter-spacing:-.04em;margin:0;font-size:clamp(2.4rem,5vw,4rem)}.intro{color:#b9c7da;max-width:680px;margin:14px 0 0;font-size:1.05rem}.ghost-link{color:#f4f7fb;background:#0b121c73;border:1px solid #9ab1d033;border-radius:999px;justify-content:center;align-items:center;padding:10px 16px;text-decoration:none;display:inline-flex}.viewer-note,.admin-card,.admin-panel{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b121c99;border:1px solid #9ab1d02e;border-radius:16px}.viewer-note{color:#d6e2f3;margin-bottom:16px;padding:14px 16px}.map-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b121cb8;border:1px solid #9ab1d02e;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px #00000059}.map{width:100%;height:min(72vh,760px);min-height:420px}.leaflet-container{background:#0f1724}.leaflet-control-zoom a{color:#f4f7fb;background:#101a29;border-bottom-color:#9ab1d029}.leaflet-control-zoom a:hover{background:#17253a}.leaflet-popup-content-wrapper,.leaflet-popup-tip{color:#f4f7fb;background:#0f1724}.leaflet-popup-content{margin:12px 14px}.leaflet-control-attribution{color:#b9c7da;background:#0a1019d1}.leaflet-control-attribution a{color:#d6e2f3}.map-pin-wrapper{background:0 0;border:0}.map-pin{background:radial-gradient(circle at 35% 35%,#dce8ff 0%,#5fa8ff 38%,#0b63ce 100%);border:3px solid #f0f6ffeb;border-radius:999px;width:24px;height:24px;display:block;box-shadow:0 0 0 6px #5fa8ff2e,0 0 22px #5fa8ffa6}.sharing-controls{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0b121c99;border:1px solid #9ab1d02e;border-radius:16px;margin-bottom:16px;padding:16px 20px}.sharing-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.sharing-input{color:#f4f7fb;background:#0a1019b3;border:1px solid #9ab1d040;border-radius:10px;outline:none;flex:1;min-width:160px;padding:10px 14px;font-size:.95rem;transition:border-color .2s}.sharing-input:focus{border-color:#5fa8ff99}.sharing-input::placeholder{color:#6a7e9c}.sharing-btn{cursor:pointer;border:0;border-radius:10px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:background .2s,transform .1s}.sharing-btn:active{transform:scale(.97)}.sharing-btn--start{color:#fff;background:linear-gradient(135deg,#2b8aed,#1864ab)}.sharing-btn--start:hover{background:linear-gradient(135deg,#339af0,#1971c2)}.sharing-btn--stop{color:#fff;background:linear-gradient(135deg,#e03131,#c92a2a)}.sharing-btn--stop:hover{background:linear-gradient(135deg,#f03e3e,#d93636)}.sharing-status{color:#b9c7da;align-items:center;gap:8px;margin-top:10px;font-size:.85rem;display:flex}.status-dot{background:#555;border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.status-dot--online{background:#51cf66;box-shadow:0 0 6px #51cf6677}.status-dot--offline{background:#868e96}.sharing-clients{color:#b9c7da;flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:.85rem;display:flex}.client-badge{white-space:nowrap;background:#5fa8ff26;border-radius:999px;padding:2px 10px;font-size:.82rem;font-weight:500;display:inline-block}.admin-shell{max-width:1120px}.admin-card{padding:24px}.admin-card--narrow{max-width:460px;margin:48px auto 0}.admin-bar,.admin-grid{flex-wrap:wrap;gap:16px;display:flex}.admin-bar{justify-content:space-between;align-items:flex-start;margin-bottom:20px}.admin-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-grid{margin-bottom:20px}.admin-panel{flex:1;min-width:260px;padding:18px}.stack{flex-direction:column;display:flex}.gap-sm{gap:6px}.gap-md{gap:14px}.error-box{color:#ffd8d8;background:#e0313129;border:1px solid #f03e3e40;border-radius:10px;padding:10px 12px}.role-list{color:#d6e2f3;margin:0;padding-left:18px}.users-table{border-collapse:collapse;width:100%}.users-table th,.users-table td{text-align:left;border-bottom:1px solid #9ab1d01f;padding:10px 12px}.live-marker-wrapper{background:0 0;border:0}.live-marker{border:3px solid #f0f6ffeb;border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.live-marker-label{color:#f4f7fb;white-space:nowrap;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a1019d9;border:1px solid #9ab1d02e;border-radius:6px;padding:1px 8px;font-size:.72rem;font-weight:600;position:absolute;top:-22px;left:50%;transform:translate(-50%)}@media (width<=720px){.page-shell{width:min(100% - 20px,1120px);padding-top:28px}.map-card{border-radius:18px}.map{min-height:360px}.admin-card{padding:18px}}