:root{--bg: #0b1020;--panel: #131a2e;--panel-2: #1b2440;--line: #2a3556;--accent: #4fd1c5;--accent-2: #f6ad55;--text: #e6ecff;--muted: #8a97c2;--ok: #48bb78;--warn: #f6ad55;--bad: #fc8181}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;background:radial-gradient(1200px 800px at 70% -10%,#16203f 0%,var(--bg) 60%);color:var(--text);overflow:hidden}.app{display:flex;height:100vh;height:100dvh}.topbar,.menu-btn,.drawer-mask{display:none}.sidebar{width:340px;flex:0 0 340px;background:linear-gradient(180deg,var(--panel) 0%,#0e1428 100%);border-right:1px solid var(--line);display:flex;flex-direction:column;padding:14px;gap:12px;overflow-y:auto}.sidebar h1{font-size:17px;margin:0;letter-spacing:.5px}.sidebar .sub{color:var(--muted);font-size:12px;margin-top:-6px}.section{background:#ffffff05;border:1px solid var(--line);border-radius:12px;padding:12px}.section>.ttl{font-size:13px;color:var(--muted);margin-bottom:8px;display:flex;justify-content:space-between;align-items:center}button{cursor:pointer;border:1px solid var(--line);background:var(--panel-2);color:var(--text);padding:8px 11px;border-radius:9px;font-size:13px;transition:.15s}button:hover{border-color:var(--accent);color:#fff}button.primary{background:linear-gradient(180deg,#2563eb,#1d4ed8);border-color:#3b82f6}button.primary.active{background:linear-gradient(180deg,#f6ad55,#dd8a2b);border-color:#f6ad55;color:#1a1206}button.ghost{background:transparent}button.ok{border-color:#2f6b46;color:var(--ok)}button.ok:hover{border-color:var(--ok)}button.bad{border-color:#6b2330;color:var(--bad)}button.bad:hover{border-color:var(--bad)}button:disabled{opacity:.5;cursor:not-allowed}input[type=text],textarea{width:100%;background:#0c1326;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:9px;font-size:13px;font-family:inherit}input:focus,textarea:focus{outline:none;border-color:var(--accent)}textarea{min-height:90px;resize:vertical}.rolebar{display:flex;align-items:center;gap:8px}.badge{font-size:11px;padding:3px 8px;border-radius:20px;border:1px solid var(--line)}.badge.admin{background:#4fd1c526;border-color:var(--accent);color:var(--accent)}.badge.user{background:#f6ad5526;border-color:var(--accent-2);color:var(--accent-2)}.badge.warn{background:#f6ad552e;border-color:var(--warn);color:var(--warn)}.search-results{margin-top:8px;max-height:230px;overflow-y:auto;display:flex;flex-direction:column;gap:4px}.sres{padding:7px 9px;border:1px solid var(--line);border-radius:8px;cursor:pointer;background:var(--panel-2)}.sres:hover{border-color:var(--accent)}.sres .nm{font-size:13px}.sres .mt{font-size:11px;color:var(--muted)}.loc-list,.appr-list{display:flex;flex-direction:column;gap:6px;max-height:240px;overflow-y:auto}.loc-item,.appr-item{display:flex;align-items:center;gap:8px;background:var(--panel-2);border:1px solid var(--line);border-radius:9px;padding:7px 9px}.loc-item{cursor:pointer}.loc-item:hover{border-color:var(--accent)}.loc-dot{width:9px;height:9px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);flex:0 0 auto}.loc-name{flex:1;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.loc-meta{font-size:11px;color:var(--muted)}.empty{color:var(--muted);font-size:12px;padding:6px 2px}.appr-item .info{flex:1;min-width:0}.appr-item .nm{font-size:13px}.appr-item .mt{font-size:11px;color:var(--muted)}.appr-actions{display:flex;gap:6px;flex:0 0 auto}.appr-actions button{padding:5px 9px;font-size:12px}.hint{font-size:12px;color:var(--muted);line-height:1.6;border-top:1px dashed var(--line);padding-top:10px}.map-wrap{flex:1;position:relative;overflow:hidden}#map{width:100%;height:100%}.map-notice{position:absolute;top:42%;left:50%;transform:translate(-50%,-50%);max-width:440px;text-align:center;color:var(--muted);font-size:14px;line-height:1.9;padding:20px}.map-notice code{background:#0c1326;padding:2px 7px;border-radius:6px;color:var(--accent)}.bmap-label{background:#0b1020d9!important;border:1px solid var(--line)!important;border-radius:8px!important;color:#eaf2ff!important;padding:2px 7px!important;font-size:12px!important;font-weight:600!important;white-space:nowrap}.bmap-label.pending{border-color:var(--warn)!important;color:var(--warn)!important}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081499;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:none;align-items:center;justify-content:center;z-index:50}.overlay.show{display:flex}.modal{width:470px;max-width:92vw;max-height:86vh;overflow-y:auto;background:linear-gradient(180deg,#16203c,#10182e);border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 24px 60px #00000080}.modal h2{margin:0 0 4px;font-size:18px}.modal .coord{color:var(--muted);font-size:12px;margin-bottom:14px}.field{margin-bottom:12px}.field label{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}.modal-actions{display:flex;justify-content:space-between;gap:10px;margin-top:6px}.readonly-note{font-size:12px;color:var(--warn);margin-bottom:10px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#1b2440;border:1px solid var(--accent);color:#fff;padding:10px 18px;border-radius:10px;font-size:13px;opacity:0;transition:.25s;z-index:60}.toast.show{opacity:1}@media (max-width: 820px){.app{display:block}.topbar{display:flex;align-items:center;gap:10px;position:fixed;top:0;left:0;right:0;height:52px;z-index:40;padding:0 12px;background:linear-gradient(180deg,#16203c,#10182e);border-bottom:1px solid var(--line)}.menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;font-size:20px;padding:0;border-radius:10px;background:var(--panel-2);border:1px solid var(--line);color:var(--text)}.topbar-title{flex:1;font-size:15px;font-weight:600}.topbar .badge{flex:0 0 auto}.drawer-mask{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:44;background:#0408148c}.sidebar{position:fixed;top:0;left:0;bottom:0;z-index:45;width:86vw;max-width:340px;transform:translate(-105%);transition:transform .25s ease;padding-top:60px;box-shadow:0 0 40px #00000080}.sidebar.open{transform:translate(0)}.map-wrap{position:fixed;top:52px;left:0;right:0;bottom:0}#map{width:100%;height:100%}.modal{width:100%;max-width:94vw;max-height:84vh}.section{padding:11px}.search-results,.loc-list,.appr-list{max-height:32vh}.toast{bottom:16px;font-size:13px}}@media (hover: none) and (pointer: coarse){.map-wrap{touch-action:none}}