:root{color-scheme:light;font-family:IBM Plex Sans,sans-serif;background:radial-gradient(circle at top left,rgba(255,146,56,.2),transparent 24%),radial-gradient(circle at 85% 15%,rgba(26,76,142,.24),transparent 30%),linear-gradient(180deg,#f6f8fc,#edf2f9);color:#11233d;--panel: rgba(255, 255, 255, .88);--panel-border: rgba(18, 35, 61, .08);--shadow: 0 26px 60px rgba(20, 40, 75, .12);--accent: #ff7f32;--accent-deep: #eb6320;--navy: #102d5c;--muted: #64758d}*{box-sizing:border-box}body{margin:0;min-width:320px}button,select,input{font:inherit}#app{min-height:100vh}.app-shell{position:relative;min-height:100vh;overflow:hidden}.app-shell__glow{position:absolute;width:34rem;height:34rem;border-radius:999px;filter:blur(40px);opacity:.5;pointer-events:none}.app-shell__glow--left{top:-12rem;left:-8rem;background:#ff8f4a38}.app-shell__glow--right{top:12rem;right:-10rem;background:#102d5c2e}.dashboard{position:relative;z-index:1;width:min(1200px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:28px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.hero{padding:1.5rem;display:grid;gap:1.5rem;animation:rise-in .4s ease-out}.hero__brand{display:flex;align-items:center;gap:1rem}.hero__logo{width:80px;height:80px;object-fit:contain;flex-shrink:0}.hero h1,.panel h2,.panel h3,.status-card strong{margin:0;font-family:Space Grotesk,sans-serif;letter-spacing:-.03em}.hero__summary,.status-card p,.status-card__meta{margin:.35rem 0 0;color:var(--muted)}.hero__controls{display:flex;flex-wrap:wrap;gap:1rem;align-items:end;justify-content:space-between}.hero__footer{display:flex;justify-content:flex-end;color:var(--muted);font-size:.95rem}.eyebrow{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-deep)}.device-selector{display:grid;gap:.5rem;min-width:min(100%,320px)}.device-selector__control,.button{border-radius:18px;border:1px solid rgba(16,45,92,.12);background:#ffffffe6;color:var(--navy);min-height:50px;padding:0 1rem}.button{background:linear-gradient(135deg,var(--navy),#194783);color:#fff;border:none;font-weight:700;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease}.button:hover{transform:translateY(-1px);box-shadow:0 12px 24px #102d5c2e}.button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.button--ghost{background:#ffffffe6;color:var(--navy);border:1px solid rgba(16,45,92,.12);font-weight:600}.button--ghost:hover{box-shadow:0 8px 18px #102d5c14}.sign-in{width:min(440px,calc(100% - 2rem));margin:4rem auto 0;padding:2.5rem 2.25rem;text-align:center;display:grid;gap:1rem;justify-items:center}.sign-in__logo{width:88px;height:88px;border-radius:24px;background:#ffffffb3;padding:12px}.sign-in h1{margin:0;font-size:1.5rem;color:var(--navy)}.sign-in__copy{margin:0;color:var(--muted);line-height:1.45}.sign-in__copy code{background:#102d5c14;padding:2px 6px;border-radius:6px;font-size:.85em}.sign-in__button{margin-top:.5rem;min-width:220px}.sign-in__error{margin:0;color:#b1320e;font-weight:600}.hero__account{display:flex;align-items:center;gap:.75rem;color:var(--muted);font-size:.9rem}.hero__account-email{font-weight:600;color:var(--navy)}.status-grid{margin-top:1.5rem;display:grid;gap:1rem;grid-template-columns:repeat(4,minmax(0,1fr))}.status-card{padding:1.25rem;background:var(--panel);border:1px solid var(--panel-border);border-radius:24px;box-shadow:var(--shadow);animation:rise-in .45s ease-out}.status-card strong{display:block;margin-top:.55rem;font-size:1.45rem}.status-card--device{grid-column:span 2;background:linear-gradient(135deg,#102d5cfa,#1e4f92f2),radial-gradient(circle at top right,rgba(255,143,74,.22),transparent 30%);color:#fff}.status-card--device .eyebrow,.status-card--device p,.status-card--device .status-card__meta{color:#ffffffc2}.dashboard__grid{margin-top:1.5rem;display:grid;gap:1rem}.dashboard__grid--two-up{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}.panel__header{display:flex;justify-content:space-between;align-items:start;gap:1rem;margin-bottom:1rem}.chart-panel,.table-panel,.loading-panel,.error-banner{padding:1.35rem}.chart-panel__canvas{height:340px}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:.9rem .25rem;border-bottom:1px solid rgba(111,128,152,.16)}th{color:var(--muted);font-size:.84rem;text-transform:uppercase;letter-spacing:.08em}tbody tr:last-child td{border-bottom:none}.loading-panel,.error-banner{margin-top:1.5rem}@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(max-width:980px){.status-grid,.dashboard__grid--two-up{grid-template-columns:1fr}.status-card--device{grid-column:auto}}@media(max-width:640px){.dashboard{width:min(100% - 1rem,1200px);padding-top:1rem}.hero,.chart-panel,.table-panel,.loading-panel,.error-banner,.status-card{border-radius:22px}.hero__brand{align-items:start}.hero__logo{width:62px;height:62px}.hero__controls{flex-direction:column;align-items:stretch}.button,.device-selector__control{width:100%}.chart-panel__canvas{height:280px}}