.dash-page{flex-direction:column;gap:24px;max-width:1240px;margin:0 auto;padding:24px 32px 40px;display:flex}.dash-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.dash-header-left{flex-direction:column;gap:8px;display:flex}.dash-title{margin:0;font-size:24px;font-weight:600}.dash-subtitle{color:#64748b;margin:0;font-size:14px}.dash-id{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px}.dash-header-right{text-align:right;flex-direction:column;align-items:flex-end;gap:8px;font-size:13px;display:flex}.dash-last-reading{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.dash-last-label{color:#94a3b8}.dash-last-value{font-weight:500}.dash-badge{border-radius:999px;align-items:center;margin-top:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.dash-badge-alarm{color:#b91c1c;background:#ef44441f;border:1px solid #f8717199}.dash-badge-warning{color:#92400e;background:#eab3081f;border:1px solid #facc15b3}.dash-error{color:#b91c1c;background:#fee2e2;border-radius:8px;margin-top:8px;padding:8px 10px;font-size:13px}.dash-helper{color:#64748b;background:#f1f5f9;border-radius:12px;padding:16px;font-size:14px}.dash-card{background:#fff;border:1px solid #94a3b840;border-radius:16px;padding:18px 20px;box-shadow:0 10px 25px #0f172a0f}.dash-card-xl{grid-column:span 3}.dash-card-title{color:#0f172a;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px;font-size:14px;font-weight:600}.dash-card-main{color:#0f172a;margin:0;font-size:28px;font-weight:600}.dash-card-sub{color:#64748b;margin:4px 0 0;font-size:13px}.dash-card-alerts-top{min-width:220px;padding:12px 16px}.dash-card-alerts-top .dash-card-main{font-size:22px}.dash-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.dash-chart-card{grid-column:span 3}.dash-chart-wrapper{height:260px;margin-top:12px}.dash-filters{background:#fff;border:1px solid #94a3b833;border-radius:16px;flex-direction:column;gap:10px;padding:14px 18px;display:flex;box-shadow:0 10px 25px #0f172a0a}.dash-quick-filters{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.dash-quick-label{color:#64748b;margin-right:4px;font-size:13px}.dash-quick-btn{color:#0f172a;cursor:pointer;background:#f8fafc;border:1px solid #94a3b899;border-radius:999px;padding:6px 12px;font-size:12px;transition:all .15s ease-in-out}.dash-quick-btn:hover{background:#e2e8f0}.dash-quick-btn.is-active{color:#fff;background:#0f9cf5;border-color:#0f9cf5;box-shadow:0 0 0 1px #3b82f666}.dash-filter-group{flex-wrap:wrap;gap:12px;margin-top:4px;display:flex}.dash-filter-label{color:#64748b;flex-direction:column;gap:4px;font-size:12px;display:flex}.dash-filter-input{color:#0f172a;background:#f8fafc;border:1px solid #94a3b8b3;border-radius:10px;min-width:220px;padding:6px 8px;font-size:13px}.dash-filter-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 1px #3b82f659}@media (max-width:1024px){.dash-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-card-xl,.dash-chart-card{grid-column:span 2}}@media (max-width:768px){.dash-page{padding:16px 16px 32px}.dash-header{flex-direction:column;align-items:flex-start}.dash-header-right{text-align:left;align-items:flex-start}.dash-last-reading{align-items:flex-start}.dash-filters{padding:12px 14px}.dash-filter-input{width:100%}.dash-grid{grid-template-columns:1fr}.dash-card-xl,.dash-chart-card{grid-column:span 1}}