*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #4169E1;--brand-glow: rgba(65, 105, 225, .15);--green: #4169E1;--amber: #D97706;--red: #DC2626;--bg: #0a0a14;--surface: #12132a;--surface-2: #1a1b3a;--border: #252650;--text: #e8eaf6;--text-muted: #8b90c0;--radius: 16px}html,body,#root{height:100%;overflow:hidden}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;cursor:none}.pairing-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:32px}.pairing-screen h1{font-size:48px;font-weight:700;color:var(--brand)}.pairing-screen .subtitle{font-size:20px;color:var(--text-muted)}.pairing-screen input{font-size:64px;font-weight:700;text-align:center;letter-spacing:16px;width:480px;padding:24px;background:var(--surface);border:2px solid var(--border);border-radius:var(--radius);color:var(--text);outline:none}.pairing-screen input:focus{border-color:var(--brand);box-shadow:0 0 24px var(--brand-glow)}.pairing-screen .error{color:var(--red);font-size:18px}.pairing-screen .status{color:var(--brand);font-size:18px}.dashboard{height:100%;padding:40px;display:flex;flex-direction:column;gap:32px}.dashboard-header{display:flex;justify-content:space-between;align-items:center}.dashboard-header h1{font-size:36px;font-weight:700}.dashboard-header .mode-badge{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--brand);background:var(--brand-glow);padding:6px 16px;border-radius:20px}.clock{font-size:20px;color:var(--text-muted);font-variant-numeric:tabular-nums}.location-hero{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px}.location-hero .shield{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:60px}.shield-good{background:#16a34a26;color:var(--green)}.shield-warn{background:#d9770626;color:var(--amber)}.shield-alert{background:#dc262626;color:var(--red)}.location-hero .place-name{font-size:32px;font-weight:600}.location-hero .status-text{font-size:48px;font-weight:700}.location-hero .last-scan{font-size:18px;color:var(--text-muted)}.stats-row{display:flex;gap:24px;justify-content:center}.stat-box{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px 40px;text-align:center;min-width:180px}.stat-box .value{font-size:40px;font-weight:700;font-variant-numeric:tabular-nums}.stat-box .label{font-size:14px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-top:4px}.locations-grid{flex:1;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;overflow-y:auto}.location-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:12px}.location-card .card-header{display:flex;justify-content:space-between;align-items:center}.location-card .name{font-size:18px;font-weight:600}.location-card .address{font-size:13px;color:var(--text-muted)}.location-card .score{font-size:28px;font-weight:700}.location-card .meta{font-size:12px;color:var(--text-muted)}.status-dot{display:inline-block;width:12px;height:12px;border-radius:50%;margin-right:8px}.dot-good{background:var(--green);box-shadow:0 0 8px var(--green)}.dot-warn{background:var(--amber);box-shadow:0 0 8px var(--amber)}.dot-alert{background:var(--red);box-shadow:0 0 8px var(--red);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.protected-badge{text-align:center;font-size:14px;color:var(--text-muted);padding:16px}.protected-badge strong{color:var(--brand)}.fullscreen-btn{position:fixed;bottom:16px;right:16px;background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:8px 16px;border-radius:8px;font-size:12px;cursor:pointer;opacity:0;transition:opacity .3s}body:hover .fullscreen-btn{opacity:1;cursor:pointer}