@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg-color: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--glass-white: rgba(255, 255, 255, .85)}body{margin:0;font-family:Inter,sans-serif;background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased}.app-layout{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:2rem;max-width:1400px;margin:0 auto;width:100%;box-sizing:border-box}.navbar{background:var(--glass-white);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(226,232,240,.8);position:sticky;top:0;z-index:100;padding:.75rem 0}.nav-content{max-width:1400px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:.75rem;text-decoration:none;transition:transform .2s}.logo:hover{transform:scale(1.02)}.logo-icon{font-size:1.5rem}.logo-text{font-weight:700;font-size:1.25rem;color:var(--text-main);letter-spacing:-.5px}.highlight{background:linear-gradient(135deg,#6366f1,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.user-section{display:flex;align-items:center;gap:1.5rem}.user-profile{display:flex;align-items:center;gap:.75rem;padding-right:1.5rem;border-right:1px solid #e2e8f0}.avatar{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),#818cf8);color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9rem;box-shadow:0 4px 10px #6366f14d}.user-details{display:flex;flex-direction:column;line-height:1.2}.username{font-weight:600;font-size:.9rem;color:var(--text-main)}.role{font-size:.75rem;color:var(--text-muted);font-weight:500}.admin-role{color:var(--primary);font-weight:600}.logout-btn{background:transparent;color:var(--text-muted);border:none;padding:.6rem;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center}.logout-btn:hover{background:#fee2e2;color:#ef4444;transform:translateY(-1px)}@media(max-width:640px){.main-content{padding:1rem}.nav-content{padding:0 1rem}.user-details{display:none}.user-profile{border-right:none;padding-right:0}}.container[data-v-7c756db1]{max-width:1000px;margin:0 auto;padding:1rem}.page-header[data-v-7c756db1]{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}@media(min-width:640px){.page-header[data-v-7c756db1]{flex-direction:row;justify-content:space-between;align-items:center}}h1[data-v-7c756db1]{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.status-badge[data-v-7c756db1]{background:#fff;border:1px solid #e2e8f0;color:#64748b;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;box-shadow:0 1px 2px #0000000d}.status-badge .count[data-v-7c756db1]{color:#6366f1;font-weight:700}.admin-toggle[data-v-7c756db1]{display:flex;align-items:center;gap:.75rem;font-size:.85rem;color:#94a3b8;font-weight:500}.admin-toggle span.active[data-v-7c756db1]{color:#334155;font-weight:600}.switch-btn[data-v-7c756db1]{width:44px;height:24px;background:#cbd5e1;border-radius:99px;border:none;position:relative;cursor:pointer;transition:background .2s}.switch-btn.checked[data-v-7c756db1]{background:#6366f1}.knob[data-v-7c756db1]{position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:50%;transition:transform .2s;box-shadow:0 1px 3px #0003}.switch-btn.checked .knob[data-v-7c756db1]{transform:translate(20px)}.grid[data-v-7c756db1]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.card[data-v-7c756db1]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d;border:1px solid #f1f5f9;cursor:pointer;transition:all .2s ease;position:relative;overflow:hidden}.card[data-v-7c756db1]:hover{transform:translateY(-4px);box-shadow:0 12px 20px -3px #0000001a;border-color:#cbd5e1}.card-header[data-v-7c756db1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.card-header h3[data-v-7c756db1]{margin:0;font-size:1.1rem;color:#1e293b;font-weight:600}.battery-indicator[data-v-7c756db1]{background:#f0fdf4;color:#15803d;padding:4px 8px;border-radius:8px;font-size:.9rem}.battery-indicator.low[data-v-7c756db1]{background:#fef2f2;color:#ef4444;animation:blink 2s infinite}.info-row[data-v-7c756db1]{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.9rem}.info-row[data-v-7c756db1]:last-child{margin-bottom:0}.label[data-v-7c756db1]{color:#94a3b8}.mono[data-v-7c756db1]{font-family:Inter,monospace;background:#f8fafc;padding:2px 6px;border-radius:4px;color:#334155;font-weight:500}.last-seen[data-v-7c756db1]{color:#64748b}.state-container[data-v-7c756db1]{text-align:center;padding:4rem 1rem;color:#64748b;display:flex;flex-direction:column;align-items:center;gap:1rem}.spinner[data-v-7c756db1]{width:32px;height:32px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;animation:spin-7c756db1 1s linear infinite}@keyframes spin-7c756db1{to{transform:rotate(360deg)}}.error[data-v-7c756db1]{color:#ef4444}.retry-btn[data-v-7c756db1]{background:#fff;border:1px solid #e2e8f0;padding:.5rem 1rem;border-radius:6px;cursor:pointer;color:#64748b}.retry-btn[data-v-7c756db1]:hover{background:#f8fafc;border-color:#cbd5e1}.container[data-v-3828c27c]{max-width:1200px;margin:0 auto;padding:1.5rem}.nav-header[data-v-3828c27c]{margin-bottom:2rem;display:flex;flex-direction:column;gap:1rem}@media(min-width:640px){.nav-header[data-v-3828c27c]{flex-direction:row;align-items:center;justify-content:space-between}}.back-btn[data-v-3828c27c]{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:#64748b;font-weight:500;padding:.5rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:8px;transition:all .2s}.back-btn[data-v-3828c27c]:hover{background:#f8fafc;color:#334155;border-color:#cbd5e1}.device-info[data-v-3828c27c]{display:flex;align-items:center;gap:1rem}h1[data-v-3828c27c]{margin:0;font-size:1.5rem;color:#1e293b;font-weight:700}.live-badge[data-v-3828c27c]{color:#ef4444;font-size:.75rem;font-weight:700;background:#fef2f2;padding:4px 8px;border-radius:20px;animation:pulse-3828c27c 2s infinite}@keyframes pulse-3828c27c{0%{opacity:1}50%{opacity:.5}to{opacity:1}}.content-wrapper[data-v-3828c27c]{display:grid;gap:1.5rem}@media(min-width:1024px){.content-wrapper[data-v-3828c27c]{grid-template-columns:3fr 1fr}}.charts-column[data-v-3828c27c]{display:flex;flex-direction:column;gap:1.5rem}.chart-card[data-v-3828c27c],.table-card[data-v-3828c27c],.no-data-card[data-v-3828c27c]{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008;border:1px solid #f1f5f9}.card-header[data-v-3828c27c]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;border-bottom:1px solid #f1f5f9;padding-bottom:.75rem}.card-header h3[data-v-3828c27c],.table-card h3[data-v-3828c27c]{margin:0;color:#334155;font-size:1.1rem;font-weight:600}.current-value[data-v-3828c27c]{font-size:1.5rem;font-weight:700}.unit[data-v-3828c27c]{font-size:.9rem;color:#94a3b8;font-weight:500;margin-left:2px}.chart-wrapper[data-v-3828c27c]{height:280px;position:relative}.table-scroll[data-v-3828c27c]{max-height:600px;overflow-y:auto}table[data-v-3828c27c]{width:100%;border-collapse:collapse;font-size:.9rem}th[data-v-3828c27c]{text-align:left;color:#94a3b8;font-weight:600;font-size:.8rem;text-transform:uppercase;padding:.75rem;border-bottom:1px solid #e2e8f0;position:sticky;top:0;background:#fff}td[data-v-3828c27c]{padding:.75rem;border-bottom:1px solid #f1f5f9;color:#334155}.time-cell[data-v-3828c27c]{color:#64748b;font-variant-numeric:tabular-nums}.val[data-v-3828c27c]{font-weight:600;color:#1e293b;font-family:Inter,monospace}.badge[data-v-3828c27c]{padding:2px 6px;border-radius:6px;font-size:.75em;font-weight:600}.loading-state[data-v-3828c27c]{text-align:center;padding:4rem;color:#64748b}.spinner[data-v-3828c27c]{width:40px;height:40px;border:3px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;margin:0 auto 1rem;animation:spin-3828c27c 1s linear infinite}@keyframes spin-3828c27c{to{transform:rotate(360deg)}}.no-data-card[data-v-3828c27c]{text-align:center;color:#94a3b8;padding:3rem}