:root{color:#f4fbf8;background:#061012;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}.loading-screen,.auth-shell,.app-shell{min-height:100vh}.loading-screen{align-items:center;background:#061012;display:flex;gap:12px;justify-content:center;color:#14d69b}.loading-logo{height:34px;object-fit:contain;width:34px}.auth-shell{align-items:center;background:linear-gradient(#061012b8,#061012e0),radial-gradient(circle at 30% 20%,rgba(20,214,155,.24),transparent 32%),#061012;display:flex;justify-content:center;padding:24px}.auth-panel{background:#0d1c1fe0;border:1px solid rgba(162,255,222,.14);border-radius:8px;max-width:420px;padding:34px;width:100%;box-shadow:0 24px 80px #00000047}.brand-mark,.brand-icon,.icon-button,.stat-card>span{align-items:center;display:inline-flex;justify-content:center}.brand-mark{background:#14d69b24;border-radius:8px;color:#14d69b;height:72px;width:72px}.brand-mark img,.brand-icon img{display:block;height:74%;object-fit:contain;width:74%}.auth-panel h1,.topbar h1,.section-heading h2,.chart-panel h2,.modal-card h2{margin:0}.auth-panel h1{font-size:34px;line-height:1.1;margin-top:22px}.auth-panel p,.section-heading p,.topbar span,.detail-title span{color:#91a29f}.auth-form,.modal-card{display:grid;gap:16px}.auth-form{margin-top:28px}label{color:#c7d5d1;display:grid;gap:8px;font-size:14px}input,select,textarea{background:#0a171a;border:1px solid #223538;border-radius:8px;color:#fff;outline:none;padding:13px 14px;width:100%}input:focus,select:focus,textarea:focus{border-color:#14d69b;box-shadow:0 0 0 3px #14d69b29}textarea{resize:vertical}.primary-button,.ghost-button,.danger-button,.sound-button,.link-button,.icon-button{border:0}.primary-button{align-items:center;background:#14d69b;border-radius:8px;color:#05201a;display:inline-flex;font-weight:800;gap:8px;justify-content:center;min-height:46px;padding:0 18px}.primary-button:disabled{cursor:wait;opacity:.7}.compact{min-height:40px}.link-button{background:transparent;color:#b8c8c4;margin-top:18px;padding:0}.auth-note{color:#91a29f;font-size:13px;margin:18px 0 0}.form-error{background:#ef444424;border:1px solid rgba(239,68,68,.28);border-radius:8px;color:#fda4a4;font-size:13px;padding:10px 12px}.form-success{background:#14d69b1f;border:1px solid rgba(20,214,155,.24);border-radius:8px;color:#6ee7b7;font-size:13px;padding:10px 12px}.app-shell{background:linear-gradient(180deg,#081d1df2,#061012 34%),#061012;padding:22px}.topbar,.section-heading,.device-row,.log-row,.modal-actions{align-items:center;display:flex}.topbar{justify-content:space-between;margin:0 auto 24px;max-width:1120px}.topbar-actions{align-items:center;display:flex;gap:10px}.brand-title{align-items:center;display:flex;gap:12px}.brand-icon,.icon-button,.stat-card>span{background:#14d69b24;border-radius:8px;color:#14d69b;height:44px;width:44px}.icon-button{background:#102025;color:#d7e7e3}.stats-grid,.dashboard-summary,.content-band,.chart-grid,.chart-panel,.detail-summary-grid,.reading-panel,.segmented,.danger-button{margin-left:auto;margin-right:auto;max-width:1120px}.stats-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.dashboard-summary{align-items:center;background:#0d1c1f;border:1px solid #1c3034;border-radius:8px;display:flex;gap:0;justify-content:space-between;max-width:920px;overflow:hidden}.summary-card{background:transparent;border:0;border-radius:0;display:flex;flex:1;gap:8px;justify-content:center;padding:13px 16px}.summary-card+.summary-card{border-left:1px solid #1c3034}.summary-card span{color:#94a8a3;font-size:13px;font-weight:800}.summary-card strong{font-size:18px;line-height:1}.summary-card.danger{background:#ef444414;color:#f87171}.dashboard-tabs{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:14px;max-width:920px}.stat-card{background:#0d1c1f;border:1px solid #1c3034;border-radius:8px;display:grid;gap:10px;min-height:132px;padding:18px}.stat-card strong{font-size:34px;line-height:1}.stat-card small{color:#94a8a3}.stat-card.red>span{background:#ef444426;color:#f87171}.stat-card.blue>span{background:#3b82f629;color:#60a5fa}.content-band,.chart-panel{background:#0d1c1fc7;border:1px solid #1c3034;border-radius:8px;margin-top:18px;padding:20px}.customer-devices-band{margin-left:auto;margin-right:auto;max-width:920px}.section-heading{justify-content:space-between;gap:16px;margin-bottom:16px}.device-list,.log-list{display:grid;gap:10px}.device-row{background:#091519;border:1px solid #182a2e;border-radius:8px;color:#f4fbf8;gap:16px;min-height:78px;padding:14px;text-align:left;width:100%}.device-row:hover{border-color:#14d69b80}.device-dot{background:#14d69b;border-radius:999px;box-shadow:0 0 0 8px #14d69b1f;height:12px;width:12px}.device-dot.danger{background:#ef4444;box-shadow:0 0 0 8px #ef44441f}.device-dot.offline{background:#f59e0b;box-shadow:0 0 0 8px #f59e0b1f}.device-copy{display:grid;gap:3px;min-width:0}.device-copy small,.device-metrics small{color:#869793}.device-copy small{align-items:center;display:flex;flex-wrap:wrap;gap:6px;overflow-wrap:anywhere}.device-status{border-radius:999px;font-size:11px;font-weight:800;padding:3px 7px}.device-status.danger{background:#ef444421;color:#f87171}.device-status.offline,.device-status.warn{background:#f59e0b24;color:#fbbf24}.device-status.ok{background:#14d69b1f;color:#6ee7b7}.offline-text{color:#fbbf24}.device-metrics{align-items:center;display:flex;gap:10px;margin-left:auto;text-align:right}.metric-chip{align-items:center;background:#ffffff09;border:1px solid #20363a;border-radius:8px;color:#94a8a3;display:inline-flex;gap:7px;justify-content:center;min-width:96px;padding:9px 10px}.metric-chip strong{color:#f4fbf8;font-variant-numeric:tabular-nums;white-space:nowrap}.danger-text{color:#f87171}.warn-text{color:#fbbf24}.notification-list{display:grid;gap:10px}.notification-row{align-items:center;background:#091519;border:1px solid #182a2e;border-radius:8px;color:#f4fbf8;display:grid;gap:12px;grid-template-columns:auto 1fr auto;min-height:64px;padding:12px 14px;text-align:left;width:100%}.notification-row:hover{border-color:#14d69b6b}.notification-row.static{cursor:default}.notification-row.static:hover{border-color:#182a2e}.notification-row span{display:grid;gap:3px}.notification-row small,.notification-row em{color:#94a8a3;font-size:13px;font-style:normal}.notification-icon{align-items:center;background:#f59e0b24;border-radius:8px;color:#fbbf24;display:inline-flex;height:36px;justify-content:center;width:36px}.notification-icon.danger{background:#ef444421;color:#f87171}.notification-icon.warn{background:#f59e0b24;color:#fbbf24}.empty-state{color:#94a8a3;padding:28px;text-align:center}.modal-backdrop{align-items:center;background:#02080abd;display:flex;top:0;right:0;bottom:0;left:0;justify-content:center;padding:20px;position:fixed}.modal-card{background:#0d1c1f;border:1px solid #263c40;border-radius:8px;max-width:420px;padding:24px;width:100%}.modal-actions{gap:10px;justify-content:flex-end}.ghost-button{background:#17282d;border-radius:8px;color:#d7e7e3;min-height:40px;padding:0 16px}.admin-layout{display:grid;gap:18px;margin-left:auto;margin-right:auto;max-width:1120px}.admin-copy{margin-top:0}.admin-form{display:grid;gap:16px;margin-top:0;max-width:560px}.admin-tabs{margin-top:0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;min-width:760px;width:100%}th,td{border-bottom:1px solid #1c3034;padding:13px 12px;text-align:left;vertical-align:top}th{color:#91a29f;font-size:13px;font-weight:700}td{color:#f4fbf8;overflow-wrap:anywhere}.device-admin-list{display:grid;gap:10px}.editable-list{display:grid;gap:12px}.customer-device-list{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.customer-device-card{background:#091519;border:1px solid #182a2e;border-radius:8px;color:#f4fbf8;display:grid;gap:5px;padding:14px;text-align:left}.customer-device-card.active{border-color:#14d69b80;box-shadow:0 0 0 3px #14d69b14}.customer-device-card span{color:#91a29f;overflow-wrap:anywhere}.customer-device-card em{color:#6ee7b7;font-style:normal;font-weight:800}.editable-row{background:#091519;border:1px solid #182a2e;border-radius:8px;display:grid;gap:14px;padding:14px}.compact-device-row{gap:10px;padding:10px 12px}.compact-device-row.editing{padding:14px}.compact-device-summary{align-items:center;display:grid;gap:12px;grid-template-columns:minmax(220px,1.4fr) minmax(240px,1fr) auto}.compact-device-meta{align-items:center;color:#91a29f;display:flex;flex-wrap:wrap;font-size:12px;gap:7px}.compact-device-meta span{background:#ffffff09;border:1px solid #20363a;border-radius:999px;padding:4px 8px}.admin-device-search{max-width:260px}.editable-row-title{display:grid;gap:4px}.title-line{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.status-pill{background:#14d69b1f;border:1px solid rgba(20,214,155,.22);border-radius:999px;color:#6ee7b7;font-size:12px;font-weight:800;padding:4px 8px}.warn-status{background:#f59e0b24;border-color:#f59e0b3d;color:#fbbf24}.editable-row-title small{color:#91a29f;overflow-wrap:anywhere}.editable-grid{display:grid;gap:12px}.user-grid,.device-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.wifi-panel{display:grid;gap:14px}.wifi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.wide-field{grid-column:1 / -1}.row-actions{align-items:center;display:flex;gap:10px;justify-content:flex-end}.inline-danger{margin:0;min-height:40px;width:auto}.danger-button:disabled{cursor:not-allowed;opacity:.45}.admin-device-row{align-items:center;background:#091519;border:1px solid #182a2e;border-radius:8px;display:grid;gap:14px;grid-template-columns:1fr minmax(220px,320px);padding:14px}.admin-device-row div{display:grid;gap:4px;min-width:0}.admin-device-row small{color:#91a29f;overflow-wrap:anywhere}.detail-topbar{margin-bottom:18px}.detail-shell{padding-bottom:40px}.detail-title{flex:1;margin:0 14px;min-width:0}.detail-title h1,.detail-title span{overflow-wrap:anywhere}.sound-button{align-items:center;background:#2563eb;border-radius:999px;color:#fff;display:inline-flex;font-weight:800;gap:7px;min-height:40px;padding:0 16px}.segmented{background:#0d1c1f;border:1px solid #1c3034;border-radius:8px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.detail-tabs{grid-template-columns:repeat(4,minmax(0,1fr))}.segmented button{background:transparent;border:0;color:#94a8a3;font-weight:800;min-height:48px}.segmented button.active{background:#14d69b29;color:#fff}.segmented button.active.blue{background:#3b82f633}.segmented button.active.neutral{background:#94a3b824}.reading-panel{align-items:center;display:grid;gap:8px;justify-items:center;padding:34px 0 22px}.reading-panel span{color:#94a8a3}.reading-panel strong{color:#14d69b;font-size:64px;line-height:1}.reading-panel em,.danger-pill,.warn-pill{background:#14d69b24;border-radius:999px;color:#14d69b;font-style:normal;font-weight:800;padding:8px 14px}.reading-panel .danger-pill{background:#ef444426;color:#f87171}.reading-panel .warn-pill{background:#f59e0b29;color:#f59e0b}.detail-summary-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}.summary-tile{align-items:center;background:#0d1c1fc7;border:1px solid #1c3034;border-radius:8px;display:grid;gap:6px 10px;grid-template-columns:auto 1fr;min-height:74px;padding:12px 14px}.summary-tile span{align-items:center;color:#94a8a3;display:flex;gap:8px;grid-column:1 / -1;font-size:12px;font-weight:800}.summary-tile strong{color:#f4fbf8;font-size:22px;line-height:1.05;overflow-wrap:anywhere}.summary-tile small{align-self:end;color:#94a8a3;font-size:12px;justify-self:end;text-align:right}.summary-tile.danger{border-color:#ef444459}.summary-tile.danger strong{color:#f87171}.summary-tile.warn,.summary-tile.offline{border-color:#f59e0b52}.summary-tile.warn strong,.summary-tile.offline strong{color:#fbbf24}.summary-tile.ok strong{color:#6ee7b7}.notification-panel{max-width:1120px}.chart-grid{display:grid;gap:16px;grid-template-columns:1fr;margin-top:18px;max-width:980px}.chart-card{margin-top:0;min-width:0;padding:22px}.chart-scroll{overflow:hidden}.chart-canvas{height:300px;width:100%}.compact-heading{margin-bottom:12px}.alert-list{display:grid;gap:10px}.alert-row{align-items:center;background:#091519;border:1px solid #182a2e;border-radius:8px;display:grid;gap:12px;grid-template-columns:1fr auto;padding:13px 14px}.alert-row.active{border-color:#ef444459}.alert-row div{display:grid;gap:4px}.alert-row span{color:#94a8a3;font-size:13px}.alert-reasons{justify-items:end}.alert-reasons span{background:#ef44441f;border-radius:999px;color:#f87171;font-weight:800;padding:5px 8px}.date-filter,.history-toolbar{align-items:end;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.date-filter button,.history-toolbar button{background:#091519;border:1px solid #20363a;border-radius:999px;color:#94a8a3;font-weight:800;min-height:36px;padding:0 12px}.date-filter button.active,.history-toolbar button.active{background:#14d69b24;border-color:#14d69b5c;color:#6ee7b7}.date-picker{color:#94a8a3;display:grid;font-size:12px;font-weight:800;gap:5px;min-width:180px}.date-picker input{min-height:36px;padding:7px 10px}.collapsed-state{background:#091519;border:1px dashed #20363a;border-radius:8px;color:#94a8a3;padding:16px;text-align:center}.log-row{background:#091519;border:1px solid #182a2e;border-radius:8px;gap:12px;min-height:52px;padding:12px 14px}.log-row time{color:#94a8a3;font-variant-numeric:tabular-nums;width:54px}.log-row span{color:#94a8a3;margin-left:auto}.danger-button{align-items:center;background:#ef44441f;border:1px solid rgba(239,68,68,.25);border-radius:8px;color:#f87171;display:flex;font-weight:800;gap:8px;justify-content:center;margin-top:18px;min-height:48px;width:100%}@media(max-width:760px){.app-shell{padding:14px}.topbar{gap:12px;margin-bottom:16px}.content-band,.chart-panel{margin-top:14px;padding:16px}.stats-grid,.detail-summary-grid,.chart-grid{grid-template-columns:1fr}.dashboard-summary{align-items:stretch;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{align-items:center;display:grid;gap:4px;justify-items:center;padding:11px 8px;text-align:center}.summary-card span{font-size:11px}.summary-card strong{font-size:17px}.dashboard-tabs{margin-top:10px}.section-heading{align-items:stretch;flex-direction:column}.reading-panel strong{font-size:48px}.detail-title{margin:0 8px}.detail-tabs button{font-size:13px;min-height:44px;padding:0 6px}.summary-tile{min-height:70px}.summary-tile strong{font-size:21px}.sound-button{gap:5px;min-height:38px;padding:0 12px}.device-row{align-items:flex-start;flex-wrap:wrap}.device-metrics{margin-left:28px;width:calc(100% - 28px)}.metric-chip{flex:1;min-width:0}.alert-row{grid-template-columns:1fr}.alert-reasons{justify-items:start}.date-filter,.history-toolbar{align-items:stretch;display:grid;grid-template-columns:1fr}.date-picker{min-width:0}.notification-row{align-items:flex-start;grid-template-columns:auto 1fr}.notification-row em{grid-column:2}.log-row{flex-wrap:wrap}.log-row time{width:auto}.log-row span{margin-left:0;width:100%}.admin-device-row,.compact-device-summary{grid-template-columns:1fr}.compact-device-meta{align-items:flex-start}.admin-device-search{max-width:none}.user-grid,.device-grid,.wifi-grid{grid-template-columns:1fr}.row-actions{align-items:stretch;flex-direction:column}.inline-danger{width:100%}}