:root{--bg:#f4efe8;--panel:#fffaf3;--text:#1f2937;--muted:#6b7280;--accent:#d97706;--accent-2:#0f766e;--border:rgba(31,41,55,.08)}html,body,#root{height:100%;margin:0;background:radial-gradient(circle at top,#fff7ed 0,#f4efe8 55%,#e5e7eb);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}main{display:block}h1,h2,p{margin:0}button{font:inherit}.dashboard-shell{max-width:1120px;margin:0 auto;padding:32px 20px 48px}.dashboard-hero{margin-bottom:24px;display:grid;gap:10px}.dashboard-hero h1{font-size:clamp(2rem,4vw,3.5rem);line-height:1.05;letter-spacing:-.04em}.dashboard-hero p{color:var(--muted);max-width:58ch}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;color:var(--accent);font-weight:700}.panel{background:#fffaf3eb;-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border:1px solid var(--border);border-radius:22px;box-shadow:0 16px 40px #1f293714;padding:24px;margin-bottom:20px}.panel h2{margin-bottom:16px;font-size:1.15rem}.latest-card{display:grid;gap:16px}.latest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.metric-label{display:block;font-size:.82rem;color:var(--muted);margin-bottom:6px}.metric-value{display:block;font-size:1.8rem;line-height:1.1;letter-spacing:-.03em}.timestamp,.led-message{color:var(--muted);font-size:.95rem}.button-row{display:flex;flex-wrap:wrap;gap:10px}.action-button{border:none;border-radius:999px;padding:10px 16px;background:var(--accent);color:#fff;cursor:pointer;box-shadow:0 8px 18px #d9770638;transition:transform .15s ease,opacity .15s ease,box-shadow .15s ease}.action-button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #d9770647}.action-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.action-button-secondary{background:var(--accent-2);box-shadow:0 8px 18px #0f766e33}.action-button-secondary:hover{box-shadow:0 10px 22px #0f766e42}.chart-card{display:grid;gap:16px}.chart-header p{color:var(--muted);font-size:.95rem}.chart-wrap{position:relative;height:360px}.chart-empty{min-height:220px;display:grid;place-items:center;color:var(--muted);border:1px dashed var(--border);border-radius:18px;background:#ffffff80}@media (max-width: 720px){.dashboard-shell{padding:20px 14px 32px}.panel{padding:18px;border-radius:18px}.latest-grid{grid-template-columns:1fr}.chart-wrap{height:300px}}