*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Vazirmatn,Tahoma,sans-serif;background:#f1f5f9;color:#172033}.topbar{height:78px;background:#0f172a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;box-shadow:0 2px 12px #0002}.brand{display:flex;align-items:center;gap:12px}.brand-mark{font-size:30px}.brand strong{display:block;font-size:20px}.brand span{display:block;color:#94a3b8;font-size:12px;margin-top:2px}.header-meta{display:flex;align-items:center;gap:8px;font-size:13px}.dot{width:9px;height:9px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px #22c55e22}.online{color:#86efac}.container{width:min(1400px,92%);margin:26px auto}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}.hero h1{margin:0 0 6px;font-size:25px}.hero p{margin:0;color:#64748b;font-size:13px}.actions{display:flex;align-items:center;gap:10px}.select-wrap{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:7px 10px;font-size:12px;color:#64748b;box-shadow:0 3px 14px #0f172a08}.select-wrap select{border:0;background:transparent;font:inherit;color:#172033;outline:none;margin-right:7px;cursor:pointer}.btn{border:0;border-radius:11px;background:#2563eb;color:#fff;padding:11px 17px;font:600 13px Vazirmatn;cursor:pointer;box-shadow:0 5px 14px #2563eb33}.btn:hover{background:#1d4ed8}.btn:disabled{opacity:.65;cursor:not-allowed}.busy{animation:pulse 1s infinite}@keyframes pulse{50%{opacity:.55}}.status{margin-bottom:16px;border-radius:12px;padding:11px 14px;font-size:13px}.status.ok{background:#dcfce7;color:#166534}.status.error{background:#fee2e2;color:#991b1b}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:18px}.card,.panel,.stat-panel{background:#fff;border:1px solid #e8edf4;border-radius:18px;box-shadow:0 8px 25px #0f172a0a}.card{min-height:128px;padding:20px;display:flex;align-items:center;gap:15px}.card .icon{font-size:28px;width:52px;height:52px;border-radius:15px;display:grid;place-items:center;background:#f1f5f9}.card span{display:block;color:#64748b;font-size:12px;margin-bottom:8px}.card strong{font-size:27px;line-height:1;display:inline-block}.card small{font-size:12px;color:#64748b;margin-right:5px}.live.temp .icon{background:#fff1f2}.live.hum .icon{background:#eff6ff}.panel{padding:22px;margin-bottom:18px}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}.panel-head h2{font-size:17px;margin:0 0 4px}.panel-head span{font-size:11px;color:#94a3b8}.legend{display:flex;gap:18px;font-size:12px;color:#64748b}.legend i{width:9px;height:9px;display:inline-block;border-radius:50%;margin-left:5px}.legend-temp{background:#2563eb}.legend-hum{background:#14b8a6}.chart-box{height:420px;position:relative}.empty{
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  color:#94a3b8;
  pointer-events:none;
}

.empty[hidden]{
  display:none !important;
}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat-panel{padding:20px;margin-bottom:18px}.stat-panel h3{margin:0 0 15px;font-size:15px}.stat-row{display:grid;grid-template-columns:1fr auto 35px;align-items:center;padding:12px 0;border-bottom:1px solid #eef2f7;font-size:13px}.stat-row:last-child{border-bottom:0}.stat-row span{color:#64748b}.stat-row b{font-size:18px}.stat-row em{font-style:normal;color:#94a3b8;font-size:12px}.table-wrap{overflow:auto}.table-panel table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px}.table-panel th{background:#f8fafc;color:#64748b;font-weight:600}.table-panel th,.table-panel td{padding:12px 10px;text-align:right;border-bottom:1px solid #eef2f7}.table-panel tbody tr:hover{background:#f8fafc}.temp-val{color:#dc2626}.hum-val{color:#0284c7}.loading,.empty-row{text-align:center!important;color:#94a3b8;padding:30px!important}footer{text-align:center;color:#94a3b8;font-size:11px;padding:5px 0 30px}@media(max-width:1000px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.topbar{padding:0 4%;height:70px}.brand strong{font-size:16px}.hero{align-items:stretch;flex-direction:column}.actions{width:100%;flex-direction:column;align-items:stretch}.select-wrap,.btn{width:100%;text-align:center}.cards,.stats-grid{grid-template-columns:1fr}.card{min-height:105px}.chart-box{height:330px}.panel{padding:15px}.panel-head{align-items:flex-start;gap:10px;flex-direction:column}.legend{align-self:flex-start}.container{width:94%;margin-top:18px}}