:root{--bg:#080a0d;--panel:#11151b;--line:#262d36;--text:#f4f6f8;--muted:#939eaa;--accent:#9cff3b;--accent2:#d9ff74}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 5vw;position:absolute;z-index:5;width:100%;border-bottom:1px solid #ffffff16}.topbar nav{display:flex;gap:28px;align-items:center}.brand{font-weight:1000;letter-spacing:-2px;font-size:27px}.brand span{color:var(--accent)}.btn{display:inline-flex;padding:12px 20px;border:1px solid #ffffff28;border-radius:4px;font-weight:800;text-transform:uppercase;font-size:13px;letter-spacing:.08em}.btn.primary{background:var(--accent);color:#071000;border-color:var(--accent)}.btn.ghost{background:#ffffff08}.hero{min-height:720px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px 7vw 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 45%,#24321a 0,transparent 30%),linear-gradient(135deg,#080a0d,#10151a)}.hero-grid,.grid-lines{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:60px 60px;transform:perspective(700px) rotateX(55deg) scale(1.4);opacity:.4}.hero-content{z-index:2;max-width:680px}.eyebrow{color:var(--accent);font-weight:900;font-size:12px;letter-spacing:.22em}.hero h1{font-size:clamp(52px,7vw,105px);line-height:.88;margin:18px 0 30px;letter-spacing:-.06em;text-transform:uppercase}.hero h1 span{color:var(--accent)}.hero-content>p:not(.eyebrow){max-width:620px;color:#c0c7ce;font-size:19px}.actions{display:flex;gap:12px;margin-top:34px}.map-preview{height:500px;z-index:2;position:relative;border:1px solid #ffffff24;background:linear-gradient(135deg,#252b27,#111820);clip-path:polygon(8% 0,100% 0,100% 90%,92% 100%,0 100%,0 10%);box-shadow:0 30px 100px #000}.pin{position:absolute;width:22px;height:22px;background:var(--accent);border:5px solid #17200e;border-radius:50%;box-shadow:0 0 0 2px var(--accent)}.p1{left:27%;top:35%}.p2{left:63%;top:55%}.p3{left:76%;top:24%}.intel-card{position:absolute;right:5%;bottom:7%;background:#0b0e12e8;border-left:3px solid var(--accent);padding:14px 18px;display:flex;flex-direction:column}.intel-card span{color:var(--muted);font-size:12px}.section{padding:100px 7vw}.section h2,.future h2{font-size:clamp(36px,5vw,70px);line-height:1;max-width:900px;margin:12px 0 50px;text-transform:uppercase}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.cards article,.panel{background:var(--panel);border:1px solid var(--line);padding:28px}.cards article>b{color:var(--accent)}.cards p,.muted{color:var(--muted)}.steps{background:#0d1116}.step-line{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);padding-top:25px;font-weight:800}.future{padding:130px 7vw;background:linear-gradient(90deg,#151b1e,#1a2514)}footer{padding:30px 7vw;color:var(--muted);border-top:1px solid var(--line)}.auth-bg{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at top,#1d2917,#080a0d 45%)}.auth-card,.install-card{width:min(520px,92vw);padding:42px;background:#0e1217;border:1px solid var(--line);box-shadow:0 25px 80px #000}.install-card{width:min(650px,94vw)}.auth-card.wide{width:min(700px,92vw)}.form-grid{display:grid;gap:15px}.form-grid h3{margin:20px 0 0}.form-grid label{font-size:13px;font-weight:800;color:#bdc5cd}.form-grid input{display:block;width:100%;margin-top:7px;padding:13px;background:#080b0f;color:white;border:1px solid #303842;border-radius:3px}.alert,.success{padding:12px;margin:15px 0;background:#3a1717;border:1px solid #7c3030}.success{background:#172d17;border-color:#315d31}.dash{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.sidebar{background:#0b0e12;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;gap:6px}.sidebar .brand{margin:0 10px 30px}.sidebar small{color:var(--accent);margin:-25px 10px 20px}.sidebar>a{padding:11px 12px;color:#aeb7c0;border-radius:3px}.sidebar>a.active,.sidebar>a:hover{background:#171d24;color:#fff}.sidebar em{float:right;color:#59636e;font-size:10px}.workspace{padding:50px;max-width:1400px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:30px 0}.stats div{background:var(--panel);border:1px solid var(--line);padding:25px;display:flex;flex-direction:column}.stats b{font-size:38px;color:var(--accent)}.stats span{color:var(--muted)}@media(max-width:850px){.topbar nav>a:not(.btn){display:none}.hero{grid-template-columns:1fr;padding-top:130px}.map-preview{height:300px;margin-top:45px}.cards{grid-template-columns:1fr 1fr}.dash{grid-template-columns:1fr}.sidebar{display:none}.workspace{padding:28px}.stats{grid-template-columns:1fr 1fr}}@media(max-width:520px){.cards,.step-line,.stats{grid-template-columns:1fr}.hero{padding-left:6vw;padding-right:6vw}.actions{flex-direction:column}.topbar{padding:0 6vw}}
.form-grid select,.mini-form select{display:block;width:100%;margin-top:7px;padding:13px;background:#080b0f;color:white;border:1px solid #303842;border-radius:3px}.member-list{display:grid;gap:10px}.member-row{border:1px solid var(--line);background:#0c1015;padding:16px;display:flex;justify-content:space-between;gap:20px}.member-row small{display:block;color:var(--muted)}details{min-width:320px}summary{cursor:pointer;color:var(--accent);font-weight:800}.mini-form{display:grid;gap:8px;margin-top:15px}.mini-form label{font-size:13px}.mini-form input[type=checkbox]{width:auto;margin-right:6px}.inline-actions{display:flex;gap:7px;margin-top:9px;flex-wrap:wrap}.danger{background:#461c1c;border-color:#7d3434;color:#fff}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--accent);font-size:12px;text-transform:uppercase;letter-spacing:.08em}@media(max-width:850px){.member-row{display:block}details{min-width:0;margin-top:12px}}
.server-switch{max-width:520px;margin:18px 0 24px}.server-switch label{display:grid;gap:8px;font-weight:700}.server-switch select{width:100%;background:#11171d;color:#eef4f7;border:1px solid #2b353e;border-radius:8px;padding:12px}
.family-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:26px 0}.family-summary>div{background:var(--panel);border:1px solid var(--line);padding:18px;display:flex;flex-direction:column;gap:5px}.family-summary span{font-size:11px;letter-spacing:.12em;color:var(--accent);font-weight:900}.family-summary b{font-size:30px}.family-summary strong{font-size:17px}.member-identity{min-width:240px}.permission-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px 14px;margin:4px 0 8px}.empty-hint{margin-top:16px;border:1px dashed #36414b;padding:18px;display:grid;gap:5px;color:var(--muted)}.empty-hint strong{color:#fff}.family-settings{margin-top:16px}.code-form{display:flex;align-items:end;gap:10px;max-width:720px}.code-form label{flex:1;font-size:13px;font-weight:800}.code-form input{display:block;width:100%;margin-top:7px;padding:13px;background:#080b0f;color:white;border:1px solid #303842;border-radius:3px}@media(max-width:700px){.family-summary{grid-template-columns:1fr}.permission-grid{grid-template-columns:1fr}.code-form{display:grid}}
.map-shell{height:100vh;overflow:hidden;background:#080a0d}.map-top{height:72px;display:grid;grid-template-columns:260px 1fr auto;align-items:center;gap:18px;padding:0 22px;border-bottom:1px solid var(--line);background:#0b0e12}.map-top>div{display:flex;gap:10px;align-items:baseline}.map-top small{color:var(--muted)}.map-layout{height:calc(100vh - 72px);display:grid;grid-template-columns:330px 1fr}.map-tools{padding:25px 22px;background:#0d1116;border-right:1px solid var(--line);overflow:auto}.map-tools h2{margin:6px 0 20px}.mode-tabs{display:grid;grid-template-columns:1fr 1fr;margin-bottom:18px}.mode-tabs button{padding:11px;background:#0a0d11;color:#8d98a4;border:1px solid var(--line);font-weight:900}.mode-tabs button.active{background:var(--accent);color:#071000;border-color:var(--accent)}.map-status{display:flex;align-items:baseline;gap:8px;padding:16px 0}.map-status b{font-size:34px;color:var(--accent)}.map-status span,.compact{font-size:12px}.tool-label{display:grid;gap:7px;font-size:12px;font-weight:800}.tool-label select{background:#080b0f;color:#fff;border:1px solid #303842;padding:12px}.map-add{width:100%;justify-content:center;margin-top:16px}.map-add.armed{box-shadow:0 0 0 2px #9cff3b55}.map-legend{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}#map{height:100%;background:#091014}#map.placing{cursor:crosshair}.leaflet-control-zoom a{background:#111820!important;color:#fff!important;border-color:#2a333d!important}.mv-pin-wrap{background:none!important;border:0!important}.mv-pin{display:block;width:22px;height:22px;background:var(--pin);border:4px solid #0b0f13;border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 0 0 2px var(--pin),0 4px 12px #000}.leaflet-popup-content-wrapper,.leaflet-popup-tip{background:#10161c;color:#fff}.mv-popup{display:grid;gap:5px;min-width:160px}.mv-popup small{color:#9cff3b}.mv-popup b{font-size:16px}.mv-popup p{margin:2px 0;color:#b9c2ca}dialog{width:min(520px,92vw);background:#10151b;color:#fff;border:1px solid #35404a;padding:0;box-shadow:0 30px 100px #000}dialog::backdrop{background:#000b}#markerForm{padding:22px;display:grid;gap:13px}#markerForm label{display:grid;gap:6px;font-size:12px;font-weight:800}#markerForm input,#markerForm select,#markerForm textarea{width:100%;padding:11px;background:#080b0f;color:#fff;border:1px solid #303842}.dialog-head,.dialog-actions{display:flex;align-items:center;justify-content:space-between;gap:10px}.dialog-head h3{margin:0}.dialog-head .x{font-size:28px;background:none;color:#fff;border:0}.form-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:850px){.map-top{grid-template-columns:1fr auto}.map-top>div{display:none}.map-layout{grid-template-columns:1fr}.map-tools{position:absolute;z-index:800;width:270px;max-height:55vh;left:10px;top:82px;border:1px solid var(--line);box-shadow:0 12px 40px #000}.map-tools .map-legend{display:none}}

.copy-row{display:flex;gap:10px;align-items:center;margin:12px 0 18px}.copy-row input{flex:1;min-width:0;padding:13px;background:#080b0f;color:#fff;border:1px solid #303842;border-radius:3px}.code-form select{display:block;width:100%;margin-top:7px;padding:13px;background:#080b0f;color:white;border:1px solid #303842;border-radius:3px}@media(max-width:700px){.copy-row{display:grid}}

.panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px}.compact-btn{padding:7px 10px;font-size:11px}.admin-search{display:flex;gap:10px;margin-bottom:18px}.admin-search input{flex:1;padding:12px;background:#080b0f;border:1px solid #303842;color:#fff}.admin-map-links{display:flex;gap:10px;flex-wrap:wrap}.editor-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.editor-grid label,.panel>label{display:block;color:#cbd4dc;font-size:13px}.editor-grid input,.editor-grid textarea,.panel>label input,.panel>label textarea{display:block;width:100%;margin-top:7px;padding:12px;background:#080b0f;border:1px solid #303842;color:#fff;border-radius:3px}.editor-grid .full{grid-column:1/-1}.code-editor{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;min-height:180px}.custom-home-content{overflow:hidden}.custom-home-content iframe{max-width:100%;border:0}.custom-home-content img{max-width:100%;height:auto}@media(max-width:760px){.editor-grid{grid-template-columns:1fr}.editor-grid .full{grid-column:auto}.admin-search,.panel-head{display:grid}}

.invite-type-banner{display:grid;gap:5px;padding:14px 16px;margin:12px 0 18px;border:1px solid;border-radius:4px}.invite-type-banner strong{font-size:13px;letter-spacing:.08em}.invite-type-banner span{font-size:13px;color:#c5ced6}.invite-type-banner.general{background:#102132;border-color:#275d86}.invite-type-banner.general strong{color:#70c5ff}.invite-type-banner.family{background:#172410;border-color:#4b772c}.invite-type-banner.family strong{color:#9cff3b}.invite-list{display:grid;gap:12px}.invite-card{padding:15px;border:1px solid #303944;background:#0b0f14}.invite-card.general{border-left:4px solid #55b8ff}.invite-card.family{border-left:4px solid #9cff3b}.invite-card-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:5px}.invite-badge{font-size:10px;font-weight:800;letter-spacing:.08em;padding:4px 7px;border-radius:3px}.invite-badge.general{background:#173b55;color:#75caff}.invite-badge.family{background:#263b17;color:#b7ff78}.invite-card .copy-row{margin:11px 0}.invite-card form{margin-top:8px}.invite-legacy{margin-top:10px;padding:9px 11px;background:#2a2111;border:1px solid #6d5524;color:#e7c779;font-size:12px}