:root{font-family:Segoe UI,Arial,sans-serif;color:#111827;background:#f8fafc}*{box-sizing:border-box}body{margin:0}.layout{max-width:1200px;margin:0 auto;padding:1.5rem}.page-header{margin-bottom:1rem}.pager-row{display:flex;gap:.75rem;align-items:center;flex-wrap:wrap;margin-top:.75rem}.muted{color:#475569}.error{color:#b91c1c}.device-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.device-card{border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:1rem;color:inherit;text-decoration:none}.device-card.offline-card,.device-card.offline-card h3,.device-card.offline-card strong,.device-card.offline-card .muted,.device-card.offline-card .label,.device-card.offline-card .badge{color:#cbd5e1}.device-card.offline-card .offline{background:#334155}.device-card.offline-card .card-link{background:linear-gradient(135deg,#64748b,#475569);color:#e2e8f0}.card-link{display:inline-block;margin-top:.75rem;padding:.45rem .85rem;line-height:1;transform:translateY(-1px);border-radius:999px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;text-decoration:none;font-weight:600;box-shadow:0 8px 18px #2563eb33;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.nav-link{margin-top:0;margin-bottom:.65rem}.graph-button{border:0;cursor:pointer}.moving-avg-button{background:linear-gradient(135deg,#475569,#334155)}.moving-avg-button.active{background:linear-gradient(135deg,#f59e0b,#d97706)}.graph-button:disabled{opacity:.55;cursor:not-allowed;filter:grayscale(.15);box-shadow:none;transform:translateY(-1px)}.card-link:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb47;filter:brightness(1.03)}.card-link:active{transform:translateY(-1px);box-shadow:0 6px 14px #2563eb33}.device-card-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.status-grid{margin-top:1rem;display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.label{display:block;font-size:.8rem;color:#64748b}.badge{border-radius:999px;padding:.15rem .5rem;font-size:.8rem}.online{background:#dcfce7;color:#166534}.offline{background:#fee2e2;color:#991b1b}.panel{border:1px solid #cbd5e1;border-radius:10px;background:#fff;padding:1rem;margin-bottom:1rem}.checkbox-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.5rem;margin-bottom:1rem}.range-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:end}.range-row input{display:block;margin-top:.35rem}.range-row button{height:2.2rem;padding:0 .9rem}.series-row{display:flex;gap:1rem;border-top:1px solid #e2e8f0;padding-top:.5rem;margin-top:.5rem}.slot-card{display:flex;flex-direction:column;gap:.75rem}.graph-header-row{display:flex;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.5rem}.graph-header-row h3{margin:0}.export-button{margin-top:0}