:root{--bg: #f5f7fa;--surface: #ffffff;--line: #e7ebf1;--line-soft: #eff2f7;--text: #0e1726;--muted: #6b7a90;--green: #16a34a;--green-strong: #15803d;--green-soft: #e9f8ef;--blue: #0284c7;--amber: #d97706;--red: #dc2626;--radius: 18px;--shadow: 0 1px 2px rgba(14, 23, 38, .04), 0 10px 30px -18px rgba(14, 23, 38, .35);--shadow-hover: 0 2px 4px rgba(14, 23, 38, .05), 0 18px 40px -22px rgba(14, 23, 38, .45)}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;font-family:Inter,Segoe UI,system-ui,-apple-system,Helvetica Neue,Arial,sans-serif;color:var(--text);background:radial-gradient(1100px 480px at 10% -8%,rgba(34,197,94,.11),transparent 60%),radial-gradient(900px 420px at 98% -4%,rgba(14,165,233,.09),transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}h1,h2,h3,p,dl,dd,ul{margin:0}button{font:inherit}.shell{max-width:1240px;margin:0 auto;padding:28px 24px 56px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:22px}.brand{display:flex;align-items:center;gap:14px}.brand-mark{width:46px;height:46px;display:grid;place-items:center;color:#fff;border-radius:14px;background:linear-gradient(145deg,#22c55e,#15803d);box-shadow:0 8px 20px -8px #16a34abf}.brand h1{font-size:22px;letter-spacing:-.02em;line-height:1.2}.brand p{margin-top:3px;font-size:12.5px;color:var(--muted)}.topbar-right{display:flex;align-items:center;gap:12px}.live{display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:999px;font-size:12px;font-weight:600;border:1px solid var(--line);background:#ffffffbf;color:var(--muted);white-space:nowrap}.live i{width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 0 currentColor;animation:pulse 2.4s infinite}.live-day{color:var(--green-strong);border-color:#c7ebd5;background:var(--green-soft)}.live-night{color:#5b6b82}@keyframes pulse{0%{box-shadow:0 0 #16a34a73}70%{box-shadow:0 0 0 7px #16a34a00}to{box-shadow:0 0 #16a34a00}}.btn{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border-radius:11px;border:1px solid var(--line);background:var(--surface);color:var(--text);font-size:12.5px;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.btn:hover{border-color:#d4dce7;box-shadow:var(--shadow);transform:translateY(-1px)}.btn:active{transform:translateY(0)}.alert{display:flex;align-items:flex-start;gap:12px;padding:13px 16px;margin-bottom:18px;border-radius:14px;border:1px solid #fcd9a6;background:linear-gradient(180deg,#fffaf1,#fff);color:#92400e;font-size:13px;line-height:1.45}.alert strong{font-weight:700}.alert-error{border-color:#fecaca;background:#fff5f5;color:#991b1b}.alert-soft{border-color:#d8e3f0;background:linear-gradient(180deg,#f7fafd,#fff);color:#38506b}.alert-icon-soft{background:#7c93ad}.alert-icon{flex:0 0 auto;width:20px;height:20px;display:grid;place-items:center;border-radius:50%;background:#f59e0b;color:#fff;font-weight:800;font-size:12px;margin-top:1px}.alert-with-action{flex-wrap:wrap}.alert-body{flex:1 1 320px;min-width:0}.alert-feedback{margin-top:7px;font-size:11.5px;font-weight:600}.alert-feedback-ok{color:var(--green-strong)}.alert-feedback-error{color:var(--red)}.alert-feedback-info{color:var(--muted)}.btn-mail{flex:0 0 auto;margin-left:auto;border-color:#c7d9ec;background:#f4f9ff;color:#1d4ed8}.btn-mail:hover:not(:disabled){border-color:#a9c7e8;background:#eaf3ff}.btn-mail:disabled{border-color:#d8e3f0;cursor:progress;opacity:.65;transform:none;box-shadow:none}.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:18px}.kpi{position:relative;overflow:hidden;padding:17px 18px 15px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow)}.kpi:before{content:"";position:absolute;inset:0 0 auto;height:3px;background:linear-gradient(90deg,rgba(148,163,184,.35),transparent)}.kpi-green:before{background:linear-gradient(90deg,#22c55e,#22c55e0d)}.kpi-blue:before{background:linear-gradient(90deg,#0ea5e9,#0ea5e90d)}.kpi-amber:before{background:linear-gradient(90deg,#f59e0b,#f59e0b0d)}.kpi-slate:before{background:linear-gradient(90deg,#64748b,#64748b0d)}.kpi-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.kpi-value{display:flex;align-items:baseline;gap:6px;margin-top:8px}.kpi-value strong{font-size:32px;font-weight:700;letter-spacing:-.03em;line-height:1;font-variant-numeric:tabular-nums}.kpi-green .kpi-value strong{color:var(--green-strong)}.kpi-value span{font-size:12.5px;color:var(--muted);font-weight:600}.kpi-hint{display:block;margin-top:9px;font-size:11.5px;color:var(--muted);line-height:1.35}.layout{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px;margin-bottom:18px}.span2{grid-column:span 1}.span-full{grid-column:1 / -1}@media(min-width:1000px){.layout{grid-template-columns:minmax(0,1.85fr) minmax(0,1fr)}}.card{padding:18px 20px 20px;border-radius:var(--radius);border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);min-width:0}.card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.card-head h2{font-size:14.5px;font-weight:700;letter-spacing:-.01em}.card-head p{margin-top:3px;font-size:11.5px;color:var(--muted)}.chart{margin-top:6px}.segmented{display:inline-flex;padding:2px;border:1px solid var(--line);border-radius:10px;background:#f1f5f9}.segmented button{padding:5px 11px;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:11.5px;font-weight:700;cursor:pointer}.segmented button.active{background:var(--surface);color:var(--text);box-shadow:0 1px 3px #0e17261f}.period-nav{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:2px 0 4px}.period-title{display:flex;flex-direction:column;align-items:center;gap:1px;min-width:0}.period-title strong{font-size:12.5px;font-weight:700;text-transform:lowercase}.period-title strong:first-letter{text-transform:uppercase}.period-title span{font-size:9.5px;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.period-arrow{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:#38506b;font-size:17px;line-height:1;cursor:pointer}.period-arrow:hover:not(:disabled){border-color:#cbd5e1;background:#f8fafc}.period-arrow:disabled{opacity:.35;cursor:default}.energy-compare{display:flex;align-items:baseline;justify-content:space-between;gap:10px;padding:0 2px 6px;font-size:11px;color:var(--muted)}.delta{font-weight:700;font-variant-numeric:tabular-nums}.delta-up{color:var(--green-strong)}.delta-down{color:var(--red)}.delta-neutral{color:var(--muted)}.legend i.legend-line{width:16px;height:0;border-top:2px dashed #94a3b8;border-radius:0;background:transparent}.chart-summary{display:flex;align-items:baseline;justify-content:space-between;padding:4px 2px 2px;font-size:11.5px;color:var(--muted)}.chart-summary strong{font-size:14px;color:var(--text)}.legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:6px 4px 0}.legend span{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;color:var(--muted);font-weight:600}.legend i{width:8px;height:8px;border-radius:3px}.legend .legend-off{opacity:.45}.legend .legend-off i{background:#cbd5e1!important}.tooltip{min-width:170px;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:#fffffff7;box-shadow:0 12px 30px -14px #0e172680;font-size:12px}.tooltip-head{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding-bottom:7px;margin-bottom:6px;border-bottom:1px dashed var(--line);color:var(--muted)}.tooltip-head strong{color:var(--text);font-size:13px}.tooltip-row{display:flex;align-items:center;gap:8px;padding:2px 0}.tooltip-row i{width:7px;height:7px;border-radius:50%}.tooltip-row span{flex:1;color:var(--muted)}.tooltip-row strong{font-variant-numeric:tabular-nums}.tooltip-muted{color:var(--muted)}.section{margin-bottom:18px}.section-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px;padding:0 4px}.section-head h2{font-size:15px;font-weight:700;letter-spacing:-.01em}.section-head span{font-size:11.5px;color:var(--muted)}.devices{display:grid;grid-template-columns:repeat(auto-fill,minmax(248px,1fr));gap:14px}@media(min-width:1200px){.devices{grid-template-columns:repeat(5,minmax(0,1fr))}}.device{position:relative;padding:15px 16px 13px;border-radius:16px;border:1px solid var(--line);border-left:3px solid #dbe3ee;background:var(--surface);box-shadow:var(--shadow);transition:transform .15s ease,box-shadow .15s ease}.device:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.device-gerando{border-left-color:#22c55e}.device-online{border-left-color:#0ea5e9}.device-aguardando,.device-atrasado{border-left-color:#f59e0b}.device-falha{border-left-color:#ef4444;background:linear-gradient(180deg,#fff,#fff7f7)}.device-offline{border-left-color:#ef4444}.device-noturno{border-left-color:#c8d3e2}.device-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.device-id{display:flex;align-items:center;gap:8px;min-width:0}.device-tag{padding:2px 7px;border-radius:7px;background:#f1f5f9;color:#334155;font-size:11.5px;font-weight:800;letter-spacing:.04em;font-variant-numeric:tabular-nums}.device-model{font-size:11.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-power{display:flex;align-items:baseline;gap:5px;margin-top:12px}.device-power strong{font-size:33px;font-weight:700;letter-spacing:-.035em;line-height:1;font-variant-numeric:tabular-nums}.device-power span{font-size:12px;font-weight:600;color:var(--muted)}.device-bar{height:5px;margin-top:11px;border-radius:999px;background:#eef2f7;overflow:hidden}.device-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#34d399,#16a34a);transition:width .6s ease}.device-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px 14px;margin-top:12px}.device-stats dt{font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-weight:700}.device-stats dd{margin-top:1px;font-size:13px;font-weight:600;font-variant-numeric:tabular-nums}.device-fault{margin-top:10px;padding:6px 9px;border-radius:8px;background:#fef2f2;color:#b91c1c;font-size:11.5px;font-weight:700;letter-spacing:.01em}.device-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:3px 8px;margin-top:12px;padding-top:9px;border-top:1px dashed var(--line);font-size:10.5px;color:var(--muted)}.device-foot span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.badge{display:inline-flex;align-items:center;gap:5px;padding:4px 9px;border-radius:999px;font-size:10.5px;font-weight:700;letter-spacing:.02em;white-space:nowrap}.badge .dot{width:5px;height:5px;border-radius:50%;background:currentColor}.badge-ok{background:#e8f7ee;color:#15803d}.badge-info{background:#e6f3fc;color:#0369a1}.badge-warn{background:#fdf3e2;color:#b45309}.badge-bad{background:#fdeceb;color:#b91c1c}.badge-idle{background:#eef2f7;color:#55657c}.fault-list{list-style:none;padding:0;margin:4px 0 0}.fault-list li{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding:10px 0;border-bottom:1px dashed var(--line-soft)}.fault-list li:last-child{border-bottom:none;padding-bottom:0}.fault-code{padding:3px 7px;border-radius:7px;background:#fdeceb;color:#b91c1c;font-size:11px;font-weight:800;font-variant-numeric:tabular-nums}.fault-body{min-width:0}.fault-body strong{display:block;font-size:12.5px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fault-body span{display:block;margin-top:2px;font-size:10.5px;color:var(--muted)}.fault-list time{font-size:10.5px;color:var(--muted);white-space:nowrap}.quota-head{display:flex;align-items:baseline;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--muted)}.quota-head strong{font-size:20px;color:var(--text);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.quota-head small{font-size:11.5px;color:var(--muted);font-weight:600}.quota-bar{height:7px;margin:9px 0 14px;border-radius:999px;background:#eef2f7;overflow:hidden}.quota-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#4ade80,#16a34a);transition:width .5s ease}.meta-list{display:grid;gap:7px}.meta-list div{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:7px;border-bottom:1px dashed var(--line-soft);font-size:12px}.meta-list div:last-child{border-bottom:none;padding-bottom:0}.meta-list dt{color:var(--muted)}.meta-list dd{font-weight:600;font-variant-numeric:tabular-nums}.note{margin-top:12px;padding:9px 11px;border-radius:10px;background:#f6f8fb;color:var(--muted);font-size:11.5px;line-height:1.45}.note-error{background:#fff5f5;color:#991b1b}.system-block{margin-top:14px;padding-top:13px;border-top:1px solid var(--line-soft)}.btn-small{margin-top:4px;padding:6px 11px;font-size:11.5px}.btn-quiet{margin-left:auto;border-color:transparent;color:var(--red);background:transparent}.btn:disabled{opacity:.55;cursor:default;transform:none;box-shadow:none}.location-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:6px}.location-form label{display:grid;gap:4px;font-size:10.5px;font-weight:600;color:var(--muted)}.location-form .input{min-width:0;width:100%}.location-hint{grid-column:1 / -1;margin:0;font-size:10.5px;color:var(--muted)}.location-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px}.system-block-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.system-title{font-size:12px;font-weight:700}.system-hint{font-size:10.5px;color:var(--muted)}.channels{display:flex;flex-wrap:wrap;gap:6px}.channel{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:999px;border:1px solid var(--line);font-size:10.5px;font-weight:600}.channel i{width:6px;height:6px;border-radius:50%;background:currentColor}.channel-on{border-color:#c7ebd5;background:var(--green-soft);color:var(--green-strong)}.channel-off{background:#f6f8fb;color:#8a98aa}.system-line{margin-top:8px;font-size:11px;line-height:1.45;color:var(--muted)}.system-line-strong{color:#38506b}.system-line-error{color:#991b1b}.system-tag{display:inline-block;margin-left:6px;padding:1px 6px;border-radius:999px;background:#fdf3e2;color:#b45309;font-size:9.5px;font-weight:700;vertical-align:1px}.faults-panel{margin-top:4px}.faults-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:8px 0 12px}.select,.input{height:32px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--text);font:inherit;font-size:11.5px;font-weight:600}.select{max-width:190px;cursor:pointer}.input{flex:1 1 180px;min-width:140px;font-weight:500}.input::placeholder{color:#93a1b3}.select:focus-visible,.input:focus-visible,.btn:focus-visible,.modal-close:focus-visible{outline:2px solid rgba(2,132,199,.45);outline-offset:1px}.faults-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.faults-count{font-size:10.5px;color:var(--muted);white-space:nowrap}.faults-toolbar .btn:disabled{opacity:.45;cursor:default;transform:none;box-shadow:none}.fault-list-full{max-height:360px;overflow-y:auto;padding-right:4px}.fault-list-compact{max-height:220px;overflow-y:auto;padding-right:4px}.grid-summary{display:flex;flex-wrap:wrap;gap:12px;padding:4px 2px 6px}.grid-summary>div{flex:1 1 160px;display:flex;flex-direction:column;gap:1px}.grid-summary span{font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.grid-summary strong{font-size:21px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.grid-summary small{font-size:10.5px;color:var(--muted)}.tooltip-range{color:var(--muted);font-weight:500}.uptime{margin-top:6px}.uptime-score{display:flex;align-items:center;gap:14px;padding:4px 2px 10px}.uptime-score>div{display:flex;align-items:baseline;gap:3px}.uptime-score strong{font-size:38px;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}.uptime-score span{font-size:14px;font-weight:700;color:var(--muted)}.uptime-score p{font-size:11.5px;line-height:1.4;color:var(--muted)}.uptime-score small{display:block;font-size:10.5px}.uptime-days{display:flex;align-items:flex-end;gap:5px;height:80px;padding:6px 2px 0;border-bottom:1px solid var(--line-soft)}.uptime-day{flex:1 1 0;min-width:0;display:flex;flex-direction:column;align-items:center;gap:4px}.uptime-day-bar{width:100%;max-width:16px;height:52px;display:flex;align-items:flex-end;border-radius:4px;background:#f1f5f9;overflow:hidden}.uptime-day-bar i{display:block;width:100%;border-radius:4px;background:#94a3b8;transition:height .4s ease}.uptime-day-ok .uptime-day-bar i{background:linear-gradient(180deg,#4ade80,#16a34a)}.uptime-day-warn .uptime-day-bar i{background:linear-gradient(180deg,#fbbf24,#d97706)}.uptime-day-bad .uptime-day-bar i{background:linear-gradient(180deg,#f87171,#dc2626)}.uptime-day small{max-width:100%;font-size:8.5px;color:var(--muted);white-space:nowrap;overflow:hidden}.uptime-legend{display:flex;flex-wrap:wrap;gap:4px 12px;margin-top:8px;font-size:9.5px;color:var(--muted)}.uptime-legend span{display:inline-flex;align-items:center;gap:4px}.uptime-legend i{width:8px;height:8px;border-radius:3px;background:#cbd5e1}.uptime-legend .uptime-legend-ok{background:linear-gradient(180deg,#4ade80,#16a34a)}.uptime-legend .uptime-legend-warn{background:linear-gradient(180deg,#fbbf24,#d97706)}.uptime-legend .uptime-legend-bad{background:linear-gradient(180deg,#f87171,#dc2626)}.uptime-devices{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:10px}.uptime-device-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;font-size:11.5px;font-weight:700}.uptime-value{font-variant-numeric:tabular-nums}.uptime-ok{color:var(--green-strong)}.uptime-warn{color:#b45309}.uptime-bad{color:var(--red)}.uptime-idle{color:var(--muted)}.uptime-bar{height:5px;margin:5px 0 4px;border-radius:999px;background:#eef2f7;overflow:hidden}.uptime-bar i{display:block;height:100%;border-radius:inherit;transition:width .5s ease}.uptime-bar-ok{background:linear-gradient(90deg,#4ade80,#16a34a)}.uptime-bar-warn{background:linear-gradient(90deg,#fbbf24,#d97706)}.uptime-bar-bad{background:linear-gradient(90deg,#f87171,#dc2626)}.uptime-bar-idle{background:#cbd5e1}.uptime-meta{font-size:10px;color:var(--muted)}.alert-history{margin-top:4px}.active-conditions{margin-bottom:12px;padding:10px 12px;border:1px solid #fde68a;border-radius:12px;background:linear-gradient(180deg,#fffbeb,#fff)}.active-conditions-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;font-size:12px}.active-conditions-actions{display:flex;align-items:center;gap:8px;margin-left:auto}.active-conditions-actions .btn-mail{margin-left:0;padding:6px 11px;font-size:11.5px}.active-conditions ul{list-style:none;padding:0;display:grid;gap:8px}.active-conditions li{display:flex;align-items:flex-start;gap:8px}.active-conditions li>div{min-width:0}.active-conditions li strong{display:block;font-size:11.5px;line-height:1.35}.active-conditions li span{display:block;margin-top:2px;font-size:10px;color:var(--muted)}.history-toolbar{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.history-filter{flex-wrap:wrap}.history-filter button span{margin-left:5px;padding:0 4px;border-radius:999px;background:#0e172612;font-size:9px}.alert-events{list-style:none;padding:0 4px 0 0;margin:0;max-height:430px;overflow-y:auto}.alert-event{display:flex;gap:10px;padding:9px 0;border-bottom:1px dashed var(--line-soft)}.alert-event:last-child{border-bottom:none;padding-bottom:0}.alert-event-marker{flex:0 0 auto;width:8px;height:8px;margin-top:5px;border-radius:50%;background:#94a3b8}.alert-event-critical .alert-event-marker{background:#ef4444}.alert-event-warning .alert-event-marker{background:#f59e0b}.alert-event-info .alert-event-marker{background:#0ea5e9}.alert-event-body{flex:1;min-width:0}.alert-event-head{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.alert-event-head strong{font-size:11.5px;line-height:1.35}.alert-event-head .badge{flex:0 0 auto}.alert-event-meta{display:block;margin-top:2px;font-size:10px;line-height:1.4;color:var(--muted)}.alert-event-error{margin-top:4px;font-size:10.5px;line-height:1.4;color:var(--red)}.alert-event-details{margin-top:5px;font-size:10.5px}.alert-event-details summary{cursor:pointer;color:#38506b;font-weight:600}.alert-event-details pre{margin:6px 0 0;padding:8px;max-height:180px;overflow:auto;border-radius:8px;background:#f6f8fb;color:#38506b;font-family:inherit;font-size:10.5px;line-height:1.45;white-space:pre-wrap;word-break:break-word}.device-clickable{cursor:pointer}.device-clickable:focus-visible{outline:3px solid rgba(2,132,199,.35);outline-offset:2px}.modal-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:20px;background:#0e172673;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.modal{width:min(860px,100%);max-height:90vh;overflow-y:auto;padding:20px 22px;border:1px solid var(--line);border-radius:20px;background:var(--surface);box-shadow:0 30px 80px -20px #0e17268c}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding-bottom:14px;border-bottom:1px solid var(--line-soft)}.modal-head .device-id{align-items:center}.modal-head h2{font-size:17px;letter-spacing:-.02em}.modal-head p{margin-top:2px;font-size:11px;color:var(--muted);word-break:break-all}.modal-head-actions{display:flex;align-items:center;gap:8px}.modal-close{width:30px;height:30px;display:grid;place-items:center;padding:0;border:1px solid var(--line);border-radius:9px;background:var(--surface);color:var(--muted);font-size:19px;line-height:1;cursor:pointer}.modal-close:hover{background:#f6f8fb;color:var(--text)}.modal-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px;margin:16px 0}.modal-stats>div{padding:10px 12px;border:1px solid var(--line-soft);border-radius:12px;background:#f8fafc}.modal-stats span{display:block;font-size:9.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.modal-stats strong{display:inline-block;margin-top:4px;font-size:20px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.modal-stats small{margin-left:3px;font-size:10px;font-weight:600;color:var(--muted)}.modal-fault-active{margin:12px 0;padding:10px 12px;border:1px solid #fecaca;border-radius:12px;background:#fef2f2;color:#991b1b;font-size:11.5px}.modal-fault-active>strong{display:block;margin-bottom:6px}.modal-fault-active ul{list-style:none;padding:0;display:grid;gap:5px}.modal-fault-active li{display:flex;align-items:center;gap:8px}.modal-section{margin-top:16px;padding-top:14px;border-top:1px solid var(--line-soft)}.modal-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-bottom:4px}.modal-section-head h3{font-size:13px;font-weight:700}.modal-section-head span{font-size:10.5px;color:var(--muted)}.modal-foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:6px 14px;margin-top:18px;padding-top:12px;border-top:1px dashed var(--line);font-size:10px;color:var(--muted)}.empty{padding:34px 16px;border-radius:12px;border:1px dashed var(--line);color:var(--muted);font-size:12.5px;text-align:center}.foot{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.loader{min-height:70vh;display:grid;place-content:center;justify-items:center;gap:14px;color:var(--muted);font-size:13px}.spinner{width:30px;height:30px;border-radius:50%;border:3px solid #dbe4ef;border-top-color:var(--green);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:1040px){.layout{grid-template-columns:minmax(0,1fr)}.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.shell{padding:20px 16px 44px}.topbar{flex-direction:column;align-items:flex-start;gap:14px}.topbar-right{width:100%;justify-content:space-between}.kpis{grid-template-columns:minmax(0,1fr)}.kpi-value strong{font-size:28px}.foot{flex-direction:column;align-items:flex-start;gap:6px}.faults-toolbar .input{flex-basis:100%}.faults-toolbar .select{flex:1 1 auto;max-width:none}.faults-actions{width:100%;margin-left:0;justify-content:space-between}.modal-backdrop{align-items:flex-end;padding:0}.modal{max-height:94vh;padding:16px;border-radius:18px 18px 0 0}.modal-head{flex-wrap:wrap}.modal-head-actions{margin-left:auto}.modal-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.uptime-days{overflow-x:auto}}