*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#1a1a2e;height:100vh;font-family:Segoe UI,system-ui,sans-serif;overflow:hidden}#root{width:100vw;height:100vh;display:flex}.app{width:100%;height:100%;display:flex}.sidebar{resize:horizontal;z-index:10;background:#16213e;border-right:1px solid #0f3460;flex-direction:column;width:280px;min-width:220px;max-width:380px;display:flex;overflow:hidden}.sidebar-header{background:#0f3460;border-bottom:1px solid #0f3460;padding:14px 16px 10px}.sidebar-header h1{color:#e94560;letter-spacing:.5px;font-size:15px;font-weight:700}.sidebar-header p{color:#89a;margin-top:2px;font-size:11px}.sidebar-toolbar{border-bottom:1px solid #0f3460;gap:6px;padding:8px 12px;display:flex}.sidebar-toolbar input{color:#e0e0e0;background:#0f3460;border:1px solid #1a4a80;border-radius:4px;outline:none;flex:1;padding:5px 8px;font-size:12px}.sidebar-toolbar input::placeholder{color:#55667a}.sidebar-toolbar input:focus{border-color:#e94560}.tree-container{flex:1;padding:4px 0;overflow-y:auto}.tree-container::-webkit-scrollbar{width:4px}.tree-container::-webkit-scrollbar-track{background:0 0}.tree-container::-webkit-scrollbar-thumb{background:#0f3460;border-radius:2px}.tree-region{border-bottom:1px solid #0f346022}.tree-region-header{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;padding:7px 12px;transition:background .15s;display:flex}.tree-region-header:hover{background:#0f3460}.tree-region-header.active{color:#fff;background:#e94560}.tree-region-arrow{width:12px;margin-right:6px;font-size:10px;transition:transform .2s}.tree-region-arrow.open{transform:rotate(90deg)}.tree-region-name{flex:1;font-size:12px;font-weight:600}.tree-region-count{color:#89a;background:#0f3460;border-radius:10px;padding:1px 6px;font-size:11px}.tree-region-header.active .tree-region-count{color:#fff;background:#fff3}.tree-micro{cursor:pointer;align-items:center;padding:5px 12px 5px 30px;font-size:12px;transition:background .15s;display:flex}.tree-micro:hover{background:#0f346060}.tree-micro.active{color:#e94560;background:#e9456033}.tree-micro-name{flex:1}.tree-micro-count{color:#678;background:#0f3460;border-radius:10px;padding:1px 5px;font-size:11px}.tree-micro.active .tree-micro-count{color:#e94560}.kind-pills{flex-wrap:wrap;gap:3px;padding:4px 30px;display:flex}.kind-pill{cursor:pointer;border:1px solid #0000;border-radius:9px;padding:1px 6px;font-size:10px;transition:all .15s}.kind-pill:hover{filter:brightness(1.3)}.kind-pill.off{opacity:.35;filter:grayscale(.8)}.map-container{flex:1;position:relative}#map{width:100%;height:100%}.auth-overlay{z-index:9999;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.auth-box{background:#16213e;border:1px solid #0f3460;border-radius:12px;width:360px;max-width:95vw;padding:32px 36px}.auth-box h2{color:#e94560;margin-bottom:6px;font-size:20px}.auth-box p{color:#89a;margin-bottom:24px;font-size:13px}.auth-tabs{border-bottom:1px solid #0f3460;gap:0;margin-bottom:20px;display:flex}.auth-tab{text-align:center;cursor:pointer;color:#89a;border-bottom:2px solid #0000;flex:1;padding:8px;font-size:13px;transition:all .2s}.auth-tab.active{color:#e94560;border-color:#e94560}.auth-field{margin-bottom:14px}.auth-field label{color:#89a;margin-bottom:4px;font-size:11px;display:block}.auth-field input{color:#e0e0e0;background:#0f3460;border:1px solid #1a4a80;border-radius:6px;outline:none;width:100%;padding:9px 12px;font-size:14px}.auth-field input:focus{border-color:#e94560}.auth-error{color:#e94560;margin-bottom:10px;font-size:12px}.btn{cursor:pointer;border:none;border-radius:6px;justify-content:center;align-items:center;padding:9px 18px;font-size:13px;font-weight:600;transition:all .2s;display:inline-flex}.btn-primary{color:#fff;background:#e94560;width:100%}.btn-primary:hover{background:#c73050}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-ghost{color:#89a;background:0 0;border:1px solid #0f3460}.btn-ghost:hover{color:#e94560;border-color:#e94560}.btn-sm{padding:5px 10px;font-size:11px}.btn-danger{color:#e94560;background:#7a1225}.btn-danger:hover{background:#a01a30}.user-bar{background:#0f346040;border-top:1px solid #0f3460;align-items:center;gap:8px;padding:8px 12px;font-size:12px;display:flex}.user-avatar{color:#fff;background:#e94560;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:11px;font-weight:700;display:flex}.user-email{color:#89a;text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.feature-panel{z-index:1000;background:#16213e;border:1px solid #0f3460;border-radius:10px;flex-direction:column;width:300px;max-height:calc(100vh - 20px);display:flex;position:absolute;top:10px;right:10px;overflow:hidden;box-shadow:0 4px 20px #00000080}.fp-header{background:#0f3460;border-bottom:1px solid #0f3460;align-items:center;gap:8px;padding:12px 14px 8px;display:flex}.fp-kind-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.fp-title{text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:600;overflow:hidden}.fp-close{cursor:pointer;color:#89a;font-size:18px;line-height:1}.fp-close:hover{color:#e94560}.fp-body{flex:1;padding:12px 14px;overflow-y:auto}.fp-body::-webkit-scrollbar{width:4px}.fp-body::-webkit-scrollbar-thumb{background:#0f3460;border-radius:2px}.fp-row{margin-bottom:10px}.fp-row label{color:#678;text-transform:uppercase;letter-spacing:.5px;margin-bottom:3px;font-size:10px;display:block}.fp-row input,.fp-row select,.fp-row textarea{color:#e0e0e0;background:#0f3460;border:1px solid #1a4a80;border-radius:5px;outline:none;width:100%;padding:7px 10px;font-family:inherit;font-size:12px}.fp-row input:focus,.fp-row select:focus,.fp-row textarea:focus{border-color:#e94560}.fp-row select option{background:#0f3460}.fp-row textarea{resize:vertical;min-height:60px}.fp-footer{border-top:1px solid #0f3460;justify-content:flex-end;gap:8px;padding:10px 14px;display:flex}.fp-meta{color:#678;padding:4px 14px 8px;font-size:10px}.map-statusbar{color:#89a;z-index:1000;pointer-events:none;background:#16213ee6;border:1px solid #0f3460;border-radius:6px;padding:4px 10px;font-size:11px;position:absolute;bottom:10px;left:10px}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:6px;display:flex;position:absolute;top:10px;left:50%;transform:translate(-50%)}.toast{color:#e0e0e0;background:#16213e;border:1px solid #0f3460;border-radius:6px;padding:6px 14px;font-size:12px;animation:.2s slideIn,.3s 2.7s forwards fadeOut}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:none}}@keyframes fadeOut{to{opacity:0}}.legend{z-index:1000;background:#16213ef2;border:1px solid #0f3460;border-radius:8px;min-width:120px;padding:10px 12px;font-size:11px;position:absolute;bottom:32px;right:10px}.legend h4{color:#89a;text-transform:uppercase;margin-bottom:8px;font-size:10px}.legend-item{cursor:pointer;align-items:center;gap:7px;margin-bottom:5px;display:flex}.legend-dot{border-radius:50%;flex-shrink:0;width:10px;height:10px}.legend-line{border-radius:2px;flex-shrink:0;width:18px;height:3px}.legend-item.off{opacity:.3}.loading-spinner{z-index:500;pointer-events:none;border:3px solid #0f3460;border-top-color:#e94560;border-radius:50%;width:36px;height:36px;animation:.7s linear infinite spin;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes spin{to{transform:translate(-50%,-50%)rotate(360deg)}}*{scrollbar-width:thin;scrollbar-color:#0f3460 transparent}