*{margin:0;padding:0;box-sizing:border-box}:root{--bg-dark: #0a0a0f;--bg-card: #12121a;--bg-card-hover: #1a1a25;--accent-green: #00ff88;--accent-red: #ff3366;--accent-yellow: #ffd700;--accent-blue: #00d4ff;--text-primary: #ffffff;--text-secondary: #8888aa;--border-color: #2a2a3a}body{font-family:Outfit,sans-serif;background:var(--bg-dark);color:var(--text-primary);overflow:hidden}#root{width:100vw;height:100vh}.app-container{width:100%;height:100%;display:flex;flex-direction:column}.header{position:absolute;top:0;left:0;right:0;z-index:100;padding:16px 24px;background:linear-gradient(180deg,#0a0a0ff2,#0a0a0f00);display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px}.logo-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--accent-blue),var(--accent-green));border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.logo h1{font-size:1.4rem;font-weight:700;background:linear-gradient(90deg,var(--accent-blue),var(--accent-green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo span{font-size:.75rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.stats-panel{position:absolute;top:80px;right:24px;z-index:100;display:flex;flex-direction:column;gap:12px;width:280px}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition:all .3s ease}.stat-card:hover{background:var(--bg-card-hover);transform:translate(-4px)}.stat-card.total{border-left:4px solid var(--accent-blue)}.stat-card.running{border-left:4px solid var(--accent-green)}.stat-card.stopped{border-left:4px solid var(--accent-red)}.stat-card.idle{border-left:4px solid var(--accent-yellow)}.stat-label{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;display:flex;align-items:center;gap:8px}.stat-dot{width:8px;height:8px;border-radius:50%;animation:pulse 2s infinite}.stat-card.total .stat-dot{background:var(--accent-blue)}.stat-card.running .stat-dot{background:var(--accent-green)}.stat-card.stopped .stat-dot{background:var(--accent-red)}.stat-card.idle .stat-dot{background:var(--accent-yellow)}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.2)}}.stat-value{font-size:2rem;font-weight:700;font-family:JetBrains Mono,monospace;letter-spacing:-1px}.stat-card.total .stat-value{color:var(--accent-blue)}.stat-card.running .stat-value{color:var(--accent-green)}.stat-card.stopped .stat-value{color:var(--accent-red)}.stat-card.idle .stat-value{color:var(--accent-yellow)}.stat-percent{font-size:.85rem;color:var(--text-secondary);font-family:JetBrains Mono,monospace}.perf-panel{position:absolute;bottom:24px;right:24px;z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:16px 20px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:280px}.perf-title{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.perf-row{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-color)}.perf-row:last-child{border-bottom:none}.perf-label{font-size:.85rem;color:var(--text-secondary)}.perf-value{font-family:JetBrains Mono,monospace;font-size:.9rem;color:var(--accent-green)}.perf-value.highlight{font-size:1.1rem;font-weight:700;color:var(--accent-blue)}.controls-panel{position:absolute;bottom:24px;left:24px;z-index:100;display:flex;flex-direction:column;gap:12px}.control-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:12px 20px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.9rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:10px}.control-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-blue)}.control-btn.active{border-color:var(--accent-green);background:#00ff881a}.control-btn .icon{font-size:1.2rem}.map-container{width:100%;height:100%;position:relative}.loading-overlay{position:absolute;inset:0;background:var(--bg-dark);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000}.loading-spinner{width:60px;height:60px;border:3px solid var(--border-color);border-top-color:var(--accent-blue);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{margin-top:20px;font-size:1.1rem;color:var(--text-secondary)}.loading-count{margin-top:8px;font-family:JetBrains Mono,monospace;font-size:1.5rem;color:var(--accent-blue)}.rate-selector{display:flex;flex-wrap:wrap;gap:6px}.rate-btn{background:transparent;border:1px solid var(--border-color);border-radius:8px;padding:8px 12px;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:.75rem;cursor:pointer;transition:all .2s ease;min-width:45px;text-align:center}.rate-btn:hover{border-color:var(--accent-blue);color:var(--text-primary)}.rate-btn.active{background:var(--accent-blue);border-color:var(--accent-blue);color:var(--bg-dark)}.switch-mode-btn{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:10px 20px;color:var(--text-primary);font-family:Outfit,sans-serif;font-size:.85rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:flex;align-items:center;gap:8px}.switch-mode-btn:hover{background:var(--bg-card-hover);border-color:var(--accent-blue);transform:scale(1.02)}.switch-mode-btn.native{border-color:#ff6b6b}.switch-mode-btn.native:hover{border-color:orange;background:#ff6b6b1a}.native-warning{position:absolute;top:80px;left:50%;transform:translate(-50%);z-index:100;background:#ff6b6b26;border:1px solid #ff6b6b;border-radius:12px;padding:12px 24px;color:#faa;font-size:.85rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.native-warning a{color:var(--accent-blue);text-decoration:underline}.native-marker-info{position:absolute;top:160px;left:50%;transform:translate(-50%);z-index:100;background:var(--bg-card);border:1px solid var(--border-color);border-radius:10px;padding:10px 16px;color:var(--text-secondary);font-size:.8rem;text-align:center;font-family:JetBrains Mono,monospace}.native-marker-info small{color:#666}