@import "https://fonts.googleapis.com/css2?family=Share+Tech+Mono&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-darker:#05060b;--bg-dark:#0a0d16;--bg-card:#0d111cb3;--bg-card-border:#00f0ff26;--border-glow:#00f0ff4d;--cobalt:#00f0ff;--cobalt-glow:#00f0ff4d;--cobalt-dim:#005f73;--cobalt-solid:#00b4d8;--crimson:#f05;--crimson-glow:#ff00554d;--crimson-dim:#800020;--crimson-solid:#e63946;--neutral:#8b9bb4;--neutral-glow:#8b9bb433;--text-primary:#e2e8f0;--text-secondary:#94a3b8;--text-muted:#64748b;--success:#10b981;--warning:#f59e0b;--font-sans:"Inter", system-ui, -apple-system, sans-serif;--font-mono:"Share Tech Mono", monospace;--shadow-neon-cobalt:0 0 10px #00f0ff40, 0 0 20px #00f0ff1a;--shadow-neon-crimson:0 0 10px #ff005540, 0 0 20px #ff00551a;--shadow-neon-neutral:0 0 8px #8b9bb426}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-darker);color:var(--text-primary);font-family:var(--font-sans);background-image:radial-gradient(circle at 50% 0,#00f0ff0d,#0000 50%),radial-gradient(circle at 100% 100%,#ff005508,#0000 40%),linear-gradient(#0a0d1666 1px,#0000 1px),linear-gradient(90deg,#0a0d1666 1px,#0000 1px);background-size:100% 100%,100% 100%,30px 30px,30px 30px;min-height:100vh;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-darker)}::-webkit-scrollbar-thumb{background:#1e293b;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--cobalt-dim)}.glass-panel{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);border:1px solid var(--bg-card-border);border-radius:8px;transition:all .3s;box-shadow:0 8px 32px #0000005e}.glass-panel:hover{box-shadow:0 8px 32px 0 #00000073, var(--shadow-neon-cobalt);border-color:#00f0ff40}.glass-panel.crimson{border-color:#ff005526}.glass-panel.crimson:hover{box-shadow:0 8px 32px 0 #00000073, var(--shadow-neon-crimson);border-color:#ff00554d}.font-mono{font-family:var(--font-mono);letter-spacing:1px}.glow-cobalt{color:var(--cobalt);text-shadow:0 0 8px #00f0ff80}.glow-crimson{color:var(--crimson);text-shadow:0 0 8px #ff005580}.glow-neutral{color:var(--neutral);text-shadow:0 0 8px #8b9bb466}.scanner-container{position:relative;overflow:hidden}.scanner-container:after{content:"";background:linear-gradient(to bottom, transparent, var(--cobalt), transparent);pointer-events:none;opacity:.6;width:100%;height:4px;animation:4s linear infinite scan;position:absolute;top:0;left:0}.scanner-container.crimson:after{background:linear-gradient(to bottom, transparent, var(--crimson), transparent)}@keyframes scan{0%{top:0%}50%{top:100%}to{top:0%}}@keyframes pulse-cobalt{0%{transform:scale(.95);box-shadow:0 0 #00f0ff80}70%{transform:scale(1);box-shadow:0 0 0 8px #00f0ff00}to{transform:scale(.95);box-shadow:0 0 #00f0ff00}}@keyframes pulse-crimson{0%{transform:scale(.95);box-shadow:0 0 #ff005580}70%{transform:scale(1);box-shadow:0 0 0 8px #f050}to{transform:scale(.95);box-shadow:0 0 #f050}}.pulse-cobalt{animation:2s infinite pulse-cobalt}.pulse-crimson{animation:2s infinite pulse-crimson}.btn-cyber{color:var(--cobalt);border:1px solid var(--cobalt);font-family:var(--font-mono);cursor:pointer;text-transform:uppercase;background:0 0;border-radius:4px;padding:8px 16px;font-size:14px;transition:all .2s;position:relative;overflow:hidden}.btn-cyber:hover{box-shadow:var(--shadow-neon-cobalt);text-shadow:0 0 5px var(--cobalt);background:#00f0ff1a}.btn-cyber:active{transform:scale(.98)}.btn-cyber.crimson{color:var(--crimson);border-color:var(--crimson)}.btn-cyber.crimson:hover{box-shadow:var(--shadow-neon-crimson);text-shadow:0 0 5px var(--crimson);background:#ff00551a}.btn-cyber:disabled{border-color:var(--text-muted);color:var(--text-muted);cursor:not-allowed;box-shadow:none;text-shadow:none;background:0 0}.dashboard-grid{grid-template-columns:1fr 340px 380px;gap:16px;max-width:100%;height:calc(100vh - 72px);min-height:500px;padding:16px;display:grid}@media (width<=1400px){.dashboard-grid{grid-template-columns:1fr 350px;height:auto}}@media (width<=900px){.dashboard-grid{grid-template-columns:1fr;height:auto}}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:400}.header-logo{color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;align-items:center;gap:10px;font-size:24px;display:flex}.header-logo span{color:var(--cobalt);text-shadow:0 0 10px #00f0ff80}.map-canvas-container{background:#04050899;border-radius:8px;width:100%;height:100%;min-height:400px;position:relative;overflow:hidden}.phone-outer{background:#111;border:8px solid #222;border-radius:40px;flex-direction:column;width:320px;height:580px;margin:0 auto;display:flex;position:relative;box-shadow:0 25px 50px -12px #00000080,0 0 25px #00f0ff26}.phone-outer:before{content:"";z-index:10;background:#000;border-radius:10px;width:80px;height:15px;position:absolute;top:10px;left:50%;transform:translate(-50%)}.phone-inner{background:#060810;border-radius:32px;flex-direction:column;flex:1;padding:24px 12px 12px;display:flex;position:relative;overflow:hidden}.cyber-input{border:1px solid var(--bg-card-border);color:var(--text-primary);font-family:var(--font-mono);background:#0d111ccc;border-radius:4px;outline:none;width:100%;padding:8px 12px;font-size:14px}.cyber-input:focus{border-color:var(--cobalt);box-shadow:var(--shadow-neon-cobalt)}