:root{--bg-primary: #0D0D0D;--bg-card: #1a1a2e;--bg-input: #16213e;--accent: #f5a800;--accent-hover: #d49200;--text-primary: #ffffff;--text-secondary: #a0a0b0;--text-muted: #6b6b7b;--battery-good: #22c55e;--battery-warn: #f5a800;--battery-low: #ef4444;--battery-unknown: #6b7280;--radius: 12px;--radius-sm: 8px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Barlow,-apple-system,sans-serif;background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100dvh}.login-screen{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px;padding-top:env(safe-area-inset-top,0)}.login-card{width:100%;max-width:360px;background:var(--bg-card);border-radius:var(--radius);padding:40px 28px;text-align:center}.login-brand{font-family:Bebas Neue,sans-serif;color:var(--accent);font-size:48px;letter-spacing:4px;line-height:1;margin-bottom:4px}.login-subtitle{color:var(--text-muted);font-size:14px;font-weight:500;letter-spacing:1px;text-transform:uppercase;margin-bottom:32px}.form-field{margin-bottom:16px}.form-field input{width:100%;padding:14px 16px;background:var(--bg-input);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:16px;outline:none;transition:border-color .2s}.form-field input::placeholder{color:var(--text-muted)}.form-field input:focus{border-color:var(--accent)}.login-error{color:var(--battery-low);font-size:14px;margin-bottom:16px}.btn-login{width:100%;padding:14px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:16px;font-weight:700;cursor:pointer;transition:background .2s;min-height:48px}.btn-login:hover:not(:disabled){background:var(--accent-hover)}.btn-login:disabled{opacity:.5;cursor:not-allowed}.dashboard{min-height:100dvh;max-width:480px;margin:0 auto;padding-top:env(safe-area-inset-top,0);padding-bottom:env(safe-area-inset-bottom,0)}.dash-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-primary);border-bottom:1px solid rgba(255,255,255,.06)}.dash-brand{font-family:Bebas Neue,sans-serif;color:var(--accent);font-size:24px;letter-spacing:2px}.dash-user{display:flex;align-items:center;gap:12px}.dash-username{color:var(--text-secondary);font-size:14px;font-weight:500}.btn-logout{padding:6px 14px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:var(--radius-sm);color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;min-height:36px}.btn-logout:hover{border-color:var(--accent);color:var(--accent)}.dash-summary{display:flex;gap:12px;padding:16px}.summary-item{display:flex;align-items:center;gap:8px;padding:10px 16px;background:var(--bg-card);border-radius:var(--radius-sm)}.summary-alert{background:#ef444426}.summary-count{font-size:20px;font-weight:700}.summary-alert .summary-count{color:var(--battery-low)}.summary-label{font-size:13px;color:var(--text-muted)}.dash-controls{padding:0 16px 12px}.search-wrap{position:relative;margin-bottom:10px}.search-input{width:100%;padding:12px 40px 12px 16px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--text-primary);font-family:inherit;font-size:15px;outline:none}.search-input::placeholder{color:var(--text-muted)}.search-input:focus{border-color:var(--accent)}.search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);font-size:22px;cursor:pointer;padding:4px 8px;line-height:1}.location-pills{display:flex;gap:6px;margin-bottom:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:2px}.location-pills::-webkit-scrollbar{display:none}.loc-pill{padding:6px 12px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:16px;color:var(--text-muted);font-family:inherit;font-size:12px;font-weight:500;cursor:pointer;white-space:nowrap;min-height:30px;transition:all .2s}.loc-pill.active{background:#f5a80026;color:var(--accent);border-color:var(--accent)}.sort-row{display:flex;gap:8px;align-items:center}.sort-pill{padding:8px 16px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:20px;color:var(--text-secondary);font-family:inherit;font-size:13px;font-weight:500;cursor:pointer;min-height:36px;transition:all .2s}.sort-pill.active{background:var(--accent);color:var(--bg-primary);border-color:var(--accent);font-weight:700}.btn-refresh{margin-left:auto;padding:8px 16px;background:transparent;border:1px solid rgba(255,255,255,.15);border-radius:20px;color:var(--text-secondary);font-family:inherit;font-size:13px;cursor:pointer;min-height:36px}.btn-refresh:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.btn-refresh:disabled{opacity:.5;cursor:not-allowed}.device-list{padding:0 16px 24px;display:flex;flex-direction:column;gap:8px}.device-card{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;background:var(--bg-card);border-radius:var(--radius);min-height:72px}.device-card.skeleton{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.4}50%{opacity:.15}}.device-info{flex:1;min-width:0}.device-name{font-size:16px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-meta{display:flex;gap:6px;margin-top:3px;flex-wrap:wrap}.meta-tag{font-size:11px;color:var(--text-secondary);background:#ffffff0f;padding:1px 8px;border-radius:4px}.meta-location{color:var(--accent);background:#f5a8001a}.device-id{font-size:12px;color:var(--text-muted);margin-top:3px;font-family:Barlow,monospace}.device-battery{display:flex;flex-direction:column;align-items:flex-end;gap:4px;flex-shrink:0;margin-left:16px}.battery-pct{font-size:16px;font-weight:700;font-variant-numeric:tabular-nums}.battery-pct.battery-good{color:var(--battery-good)}.battery-pct.battery-warn{color:var(--battery-warn)}.battery-pct.battery-low{color:var(--battery-low)}.battery-pct.battery-unknown{color:var(--battery-unknown)}.battery-bar{width:48px;height:6px;background:#ffffff14;border-radius:3px;overflow:hidden}.battery-fill{height:100%;border-radius:3px;transition:width .3s}.battery-fill.battery-good{background:var(--battery-good)}.battery-fill.battery-warn{background:var(--battery-warn)}.battery-fill.battery-low{background:var(--battery-low)}.battery-fill.battery-unknown{background:var(--battery-unknown)}.dash-error{text-align:center;padding:40px 16px;color:var(--text-secondary)}.dash-error p{margin-bottom:16px}.btn-retry{padding:10px 24px;background:var(--accent);color:var(--bg-primary);border:none;border-radius:var(--radius-sm);font-family:inherit;font-size:14px;font-weight:600;cursor:pointer;min-height:44px}.dash-empty{text-align:center;padding:40px 16px;color:var(--text-muted);font-size:15px}