: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{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}.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}.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{background:#0a171a;border:1px solid #223538;border-radius:8px;color:#fff;outline:none;padding:13px 14px;width:100%}input:focus,select:focus{border-color:#14d69b;box-shadow:0 0 0 3px #14d69b29}.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,.content-band,.chart-panel,.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))}.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}.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:14px;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-copy{display:grid;gap:3px;min-width:0}.device-copy small,.device-metrics small{color:#869793}.device-copy small{overflow-wrap:anywhere}.device-metrics{display:grid;gap:3px;margin-left:auto;text-align:right}.danger-text{color:#f87171}.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}.editable-row{background:#091519;border:1px solid #182a2e;border-radius:8px;display:grid;gap:14px;padding:14px}.editable-row-title{display:grid;gap:4px}.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))}.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}.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}.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}.compact-heading{margin-bottom:12px}.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}.stats-grid{grid-template-columns:1fr}.section-heading{align-items:stretch;flex-direction:column}.reading-panel strong{font-size:52px}.device-row{align-items:flex-start}.device-metrics{min-width:74px}.admin-device-row,.user-grid,.device-grid{grid-template-columns:1fr}.row-actions{align-items:stretch;flex-direction:column}.inline-danger{width:100%}}