*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f8fafc;--surface:#fff;--surface-hover:#f1f5f9;--border:#e2e8f0;--border-strong:#cbd5e1;--text:#334155;--text-muted:#64748b;--text-heading:#0f172a;--accent:#2563eb;--accent-light:#dbeafe;--success:#16a34a;--success-bg:#dcfce7;--warning:#d97706;--warning-bg:#fef3c7;--danger:#dc2626;--danger-bg:#fee2e2;--radius:8px;--radius-lg:12px;--font:"Segoe UI", system-ui, -apple-system, sans-serif;--mono:"Cascadia Code", "Consolas", monospace}body{font-family:var(--font);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.5}#root{min-height:100vh}.dashboard{flex-direction:column;gap:24px;max-width:1440px;margin:0 auto;padding:24px;display:flex}.dashboard__main{grid-template-rows:auto 1fr;grid-template-columns:1fr 300px;gap:20px;display:grid}.dashboard__widgets{grid-column:1/-1}.dashboard__chart{grid-column:1}.dashboard__alerts{grid-area:2/2}.dashboard__footer{text-align:center;color:var(--text-muted);border-top:1px solid var(--border);padding:16px;font-size:12px}@media (width<=1024px){.dashboard__main{grid-template-columns:1fr}.dashboard__alerts{grid-area:auto/1}}.header{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:20px;padding:20px 24px;display:flex}.header__brand{flex:1;align-items:center;gap:14px;min-width:240px;display:flex}.header__logo{color:var(--accent);display:flex}.header__title{color:var(--text-heading);font-size:20px;font-weight:600;line-height:1.2}.header__subtitle{color:var(--text-muted);font-size:13px}.header__meta{gap:24px;display:flex}.header__stat{flex-direction:column;gap:2px;display:flex}.header__stat-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:11px}.header__stat-value{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:16px;font-weight:600}.header__stat-value--live{align-items:center;gap:6px;display:flex}.live-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.time-range{background:var(--bg);border-radius:var(--radius);border:1px solid var(--border);gap:4px;padding:3px;display:flex}.time-range__btn{font-family:var(--font);color:var(--text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:background .15s,color .15s}.time-range__btn:hover{color:var(--text);background:var(--surface-hover)}.time-range__btn--active,.time-range__btn--active:hover{background:var(--accent);color:#fff}.section-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:12px;font-size:13px;font-weight:600}.widget-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px;display:grid}.scale-widget{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);text-align:left;cursor:pointer;font-family:var(--font);width:100%;padding:16px;transition:border-color .15s,box-shadow .15s}.scale-widget:hover{border-color:var(--border-strong)}.scale-widget--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.scale-widget__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.scale-widget__name{color:var(--text-heading);font-size:15px;font-weight:600}.scale-widget__location{color:var(--text-muted);font-size:12px}.scale-widget__value{margin-bottom:12px}.scale-widget__weight{color:var(--text-heading);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:28px;font-weight:700}.status-badge{text-transform:uppercase;letter-spacing:.04em;border-radius:99px;padding:2px 8px;font-size:11px;font-weight:600}.status-badge--online{background:var(--success-bg);color:var(--success)}.status-badge--warning{background:var(--warning-bg);color:var(--warning)}.status-badge--offline{background:var(--danger-bg);color:var(--danger)}.scale-widget__capacity{margin-bottom:12px}.capacity-bar{background:var(--bg);border-radius:3px;height:6px;margin-bottom:4px;overflow:hidden}.capacity-bar__fill{border-radius:3px;height:100%;transition:width .5s}.capacity-bar__fill--online{background:var(--accent)}.capacity-bar__fill--warning{background:var(--warning)}.capacity-bar__fill--offline{background:var(--danger)}.capacity-bar__label{color:var(--text-muted);font-size:11px}.scale-widget__stats{border-top:1px solid var(--border);gap:12px;padding-top:12px;display:flex}.stat-item{flex-direction:column;flex:1;gap:1px;display:flex}.stat-item__label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:10px}.stat-item__value{color:var(--text-heading);font-variant-numeric:tabular-nums;font-size:13px;font-weight:600}.trend-chart{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.trend-chart__header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.trend-chart__title{color:var(--text-heading);font-size:16px;font-weight:600}.trend-chart__subtitle{color:var(--text-muted);margin-top:2px;font-size:12px}.trend-chart__legend{flex-wrap:wrap;gap:16px;display:flex}.legend-item{color:var(--text-muted);align-items:center;gap:6px;font-size:12px;display:flex}.legend-item__dot{border-radius:1px;width:10px;height:3px}.legend-item__dot--weight{background:var(--accent)}.legend-item__dot--warning{background:var(--warning)}.legend-item__dot--critical{background:var(--danger)}.alert-panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);flex-direction:column;height:100%;padding:16px;display:flex}.alert-panel__header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.alert-panel__title{color:var(--text-heading);font-size:14px;font-weight:600}.alert-panel__count{background:var(--bg);color:var(--text-muted);border-radius:99px;padding:2px 8px;font-size:12px;font-weight:600}.alert-panel__list{flex-direction:column;flex:1;gap:8px;max-height:380px;display:flex;overflow-y:auto}.alert-item{border-radius:var(--radius);border-left:3px solid;padding:10px 12px}.alert-item--warning{background:var(--warning-bg);border-left-color:var(--warning)}.alert-item--critical{background:var(--danger-bg);border-left-color:var(--danger)}.alert-item__header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.alert-item__scale{color:var(--text-heading);font-size:12px;font-weight:600}.alert-item__time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:11px}.alert-item__message{color:var(--text);font-size:12px;line-height:1.4}