:root{font-family:Segoe UI,sans-serif;color:#1f2a2a;background:radial-gradient(circle at top left,rgba(198,91,58,.18),transparent 25%),radial-gradient(circle at top right,rgba(45,123,116,.16),transparent 25%),linear-gradient(180deg,#f4efe6,#ece6da)}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}a{color:#1c6f64;text-decoration:none}.page{min-height:100vh;padding:32px}.hero,.grid,.stack{display:grid;gap:20px}.hero{grid-template-columns:1fr auto;align-items:start;margin-bottom:24px}.eyebrow{margin:0 0 8px;letter-spacing:.2em;text-transform:uppercase;color:#8c4b2f;font-size:12px}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,3vw,3.2rem)}.subtle,.hint,.empty,.device-id,.device-card-footer{color:#596666}.status-pill{padding:10px 16px;border-radius:999px;background:#ffffffb3;border:1px solid rgba(28,111,100,.2)}.stats{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.multi-device-layout{grid-template-columns:minmax(280px,1.1fr) minmax(0,2fr);align-items:start}.side-panels{grid-template-columns:repeat(2,minmax(0,1fr))}.card{background:#fffbf5d6;border:1px solid rgba(31,42,42,.08);border-radius:24px;box-shadow:0 16px 40px #49372414}.stat-card,.panel{padding:24px}.label,.metric-label{font-size:13px;text-transform:uppercase;letter-spacing:.1em;color:#6b6b62}.value{margin:10px 0 6px;font-size:2rem;font-weight:700}.panel-header,.actions,.device-card-header,.selected-summary{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.device-grid,.chart-grid,.list{display:grid;gap:14px;margin-top:18px}.device-card{width:100%;display:grid;gap:14px;text-align:left;padding:18px;border-radius:18px;border:1px solid rgba(31,42,42,.12);background:#fffdf9;cursor:pointer;transition:transform .12s ease,border-color .12s ease,box-shadow .12s ease}.device-card:hover,.device-card.selected{transform:translateY(-1px);border-color:#1c6f6473;box-shadow:0 12px 24px #1c6f641a}.device-card-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.device-card-metrics strong,.selected-summary strong{display:block;margin-top:6px;font-size:1.15rem}.device-card-footer{display:flex;justify-content:space-between;gap:12px;font-size:13px;flex-wrap:wrap}.status-dot{padding:6px 10px;border-radius:999px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.status-dot.online{background:#1c6f641f;color:#1c6f64}.status-dot.offline{background:#b2482b1f;color:#b2482b}.selected-summary{margin-top:18px;padding:16px 18px;border-radius:18px;background:#fffdf9}.chart{padding:18px;border-radius:18px;background:#fffdf9}.list-item{display:grid;gap:4px;padding:14px;border-radius:14px;background:#fffdf9;border-left:4px solid #b2482b}.rules-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.rules-form label{display:grid;gap:8px;font-size:14px}.rules-form input,.rules-form button{border-radius:12px;border:1px solid rgba(31,42,42,.18);padding:10px 12px}.rules-form button{grid-column:1 / -1;background:#1c6f64;color:#fff;border:none;cursor:pointer}@media(max-width:1200px){.multi-device-layout,.side-panels{grid-template-columns:1fr}}@media(max-width:768px){.page{padding:18px}.hero,.stats,.device-card-metrics,.rules-form{grid-template-columns:1fr}.panel,.stat-card{padding:18px}.value{font-size:1.7rem}}