.page-container.svelte-1y5izfz{max-width:1400px;margin:0 auto}.page-header.svelte-1y5izfz{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.page-header.svelte-1y5izfz h1:where(.svelte-1y5izfz){font-size:1.5rem;font-weight:700;color:#fff;margin:0}.page-subtitle.svelte-1y5izfz{color:#bae6fd;font-size:.875rem;margin:.25rem 0 0}.btn-refresh.svelte-1y5izfz{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border:none;border-radius:10px;cursor:pointer;font-size:.875rem}.loading.svelte-1y5izfz{text-align:center;padding:3rem;color:#bae6fd}.spinner.svelte-1y5izfz{width:40px;height:40px;border:3px solid rgba(255,255,255,.1);border-top-color:#3b82f6;border-radius:50%;margin:0 auto 1rem;animation:svelte-1y5izfz-spin 1s linear infinite}@keyframes svelte-1y5izfz-spin{to{transform:rotate(360deg)}}.error-box.svelte-1y5izfz{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#f87171;padding:1rem;border-radius:12px}.glass-card.svelte-1y5izfz{background:#ffffff1a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:1.25rem}.kpi-section.svelte-1y5izfz{margin-bottom:1.5rem}.kpi-grid.svelte-1y5izfz{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.kpi-title.svelte-1y5izfz{font-size:.9rem;font-weight:600;color:#bae6fd;margin:0 0 1rem;text-align:center}.kpi-gauge-card.svelte-1y5izfz{text-align:center}.gauge-container.svelte-1y5izfz{position:relative;width:120px;height:120px;margin:0 auto .75rem}.gauge-svg.svelte-1y5izfz{width:100%;height:100%}.gauge-value.svelte-1y5izfz{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.gauge-number.svelte-1y5izfz{font-size:2rem;font-weight:700;color:#fff}.gauge-unit.svelte-1y5izfz{font-size:1rem;color:#bae6fd}.gauge-legend.svelte-1y5izfz{display:flex;justify-content:center;gap:1rem;font-size:.75rem;color:#94a3b8}.compare-bars.svelte-1y5izfz{margin-bottom:1rem}.compare-row.svelte-1y5izfz{display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.compare-label.svelte-1y5izfz{width:90px;font-size:.8rem;color:#e0f2fe}.compare-bar-container.svelte-1y5izfz{flex:1;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden}.compare-bar.svelte-1y5izfz{height:100%;border-radius:10px}.compare-bar.work.svelte-1y5izfz{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.compare-bar.off.svelte-1y5izfz{background:linear-gradient(90deg,#6366f1,#818cf8)}.compare-bar.weekday.svelte-1y5izfz{background:linear-gradient(90deg,#22c55e,#4ade80)}.compare-bar.weekend.svelte-1y5izfz{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.compare-value.svelte-1y5izfz{width:50px;text-align:right;font-size:.85rem;font-weight:600;color:#fff}.insight-box.svelte-1y5izfz{padding:.5rem;background:#0003;border-radius:8px;font-size:.75rem;color:#e0f2fe;text-align:center}.insights-list.svelte-1y5izfz{display:flex;flex-direction:column;gap:.75rem}.insight-item.svelte-1y5izfz{display:flex;align-items:center;gap:.75rem;padding:.5rem;background:#00000026;border-radius:8px}.insight-label.svelte-1y5izfz{font-size:.75rem;color:#94a3b8;width:60px}.insight-value.svelte-1y5izfz{font-size:1.1rem;font-weight:700;color:#fff;flex:1}.insight-value.highlight.svelte-1y5izfz{color:#fbbf24}.insight-sub.svelte-1y5izfz{font-size:.7rem;color:#64748b}.section.svelte-1y5izfz{margin-bottom:1.5rem}.section-header.svelte-1y5izfz{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.section-title.svelte-1y5izfz{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 1rem;padding-left:.75rem;border-left:4px solid #3b82f6}.section-header.svelte-1y5izfz .section-title:where(.svelte-1y5izfz){margin-bottom:0}.period-tabs.svelte-1y5izfz{display:flex;gap:.5rem}.tab.svelte-1y5izfz{padding:.5rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:8px;color:#e0f2fe;cursor:pointer;font-size:.875rem}.tab.svelte-1y5izfz:hover{background:#ffffff1a}.tab.active.svelte-1y5izfz{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;border-color:transparent}.chart-card.svelte-1y5izfz{min-height:200px}.time-chart.svelte-1y5izfz{display:flex;align-items:flex-end;gap:4px;height:150px;padding-bottom:1.5rem}.time-bar-group.svelte-1y5izfz{flex:1;display:flex;flex-direction:column;align-items:center}.time-bars.svelte-1y5izfz{display:flex;gap:2px;height:130px;align-items:flex-end}.time-bars.svelte-1y5izfz .bar:where(.svelte-1y5izfz){width:12px;min-height:2px;border-radius:2px 2px 0 0}.time-bars.svelte-1y5izfz .bar.triggered:where(.svelte-1y5izfz){background:linear-gradient(180deg,#ef4444,#f87171)}.time-bars.svelte-1y5izfz .bar.reset:where(.svelte-1y5izfz){background:linear-gradient(180deg,#22c55e,#4ade80)}.time-label.svelte-1y5izfz{font-size:.65rem;color:#bae6fd;margin-top:.5rem}.chart-legend.svelte-1y5izfz{display:flex;justify-content:center;gap:1.5rem;margin-top:.5rem}.legend-item.svelte-1y5izfz{display:flex;align-items:center;gap:.5rem;color:#e0f2fe;font-size:.875rem}.legend-dot.svelte-1y5izfz{width:12px;height:12px;border-radius:3px}.legend-dot.triggered.svelte-1y5izfz{background:#ef4444}.legend-dot.reset.svelte-1y5izfz{background:#22c55e}.dual-section.svelte-1y5izfz{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.section.half.svelte-1y5izfz{margin-bottom:0}.weekday-chart.svelte-1y5izfz{display:flex;flex-direction:column;gap:.5rem}.weekday-bar.svelte-1y5izfz{display:flex;align-items:center;gap:.75rem}.weekday-name.svelte-1y5izfz{width:24px;font-size:.875rem;color:#bae6fd;text-align:center}.weekday-name.weekend.svelte-1y5izfz{color:#fb923c}.weekday-bar-container.svelte-1y5izfz{flex:1;height:20px;background:#ffffff1a;border-radius:4px;overflow:hidden}.weekday-bar-fill.svelte-1y5izfz{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:4px}.weekday-bar-fill.weekend.svelte-1y5izfz{background:linear-gradient(90deg,#f59e0b,#fb923c)}.weekday-count.svelte-1y5izfz{width:40px;font-size:.875rem;color:#fff;text-align:right;font-weight:600}.hourly-chart.svelte-1y5izfz{display:flex;align-items:flex-end;gap:2px;height:100px}.hour-bar.svelte-1y5izfz{flex:1;min-height:2px;border-radius:2px 2px 0 0}.hour-bar.work.svelte-1y5izfz{background:linear-gradient(180deg,#3b82f6,#60a5fa)}.hour-bar.off.svelte-1y5izfz{background:linear-gradient(180deg,#6366f1,#818cf8)}.hour-labels.svelte-1y5izfz{display:flex;justify-content:space-between;font-size:.75rem;color:#bae6fd;margin-top:.5rem}.type-analysis-grid.svelte-1y5izfz{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.type-analysis-card.svelte-1y5izfz{display:flex;flex-direction:column;gap:.75rem}.type-header.svelte-1y5izfz{display:flex;align-items:center;gap:.75rem}.type-icon.svelte-1y5izfz{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center}.type-info.svelte-1y5izfz{flex:1}.type-name.svelte-1y5izfz{font-weight:600;color:#fff;font-size:.9rem}.type-count.svelte-1y5izfz{font-size:1.25rem;font-weight:700}.type-metrics.svelte-1y5izfz{display:flex;justify-content:space-between;gap:.5rem}.metric.svelte-1y5izfz{text-align:center;flex:1}.metric-label.svelte-1y5izfz{font-size:.7rem;color:#94a3b8;display:block}.metric-value.svelte-1y5izfz{font-size:.9rem;font-weight:600}.metric-value.triggered.svelte-1y5izfz{color:#f87171}.metric-value.reset.svelte-1y5izfz{color:#4ade80}.metric-value.rate.good.svelte-1y5izfz{color:#22c55e}.metric-value.rate.warn.svelte-1y5izfz{color:#f59e0b}.metric-value.rate.bad.svelte-1y5izfz{color:#ef4444}.resolution-bar.svelte-1y5izfz{height:4px;background:#ffffff1a;border-radius:2px;overflow:hidden}.resolution-progress.svelte-1y5izfz{height:100%;border-radius:2px}.device-chart.svelte-1y5izfz{display:flex;flex-direction:column;gap:.75rem}.device-row.svelte-1y5izfz{display:flex;align-items:center;gap:1rem}.device-rank.svelte-1y5izfz{width:24px;height:24px;background:#3b82f633;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#60a5fa}.device-info.svelte-1y5izfz{width:150px}.device-name.svelte-1y5izfz{font-weight:600;color:#fff;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.device-ip.svelte-1y5izfz{font-size:.7rem;color:#94a3b8}.device-bar-area.svelte-1y5izfz{flex:1;display:flex;flex-direction:column;gap:.25rem}.device-bar-container.svelte-1y5izfz{height:16px;background:#ffffff1a;border-radius:4px;overflow:hidden}.device-bar-fill.svelte-1y5izfz{height:100%;background:linear-gradient(90deg,#3b82f6,#6366f1);border-radius:4px}.device-stats.svelte-1y5izfz{display:flex;gap:.25rem;font-size:.75rem}.stat-triggered.svelte-1y5izfz{color:#f87171;font-weight:600}.stat-sep.svelte-1y5izfz{color:#64748b}.stat-reset.svelte-1y5izfz{color:#4ade80;font-weight:600}.stat-resolution.svelte-1y5izfz{margin-left:.25rem}.stat-resolution.good.svelte-1y5izfz{color:#22c55e}.stat-resolution.warn.svelte-1y5izfz{color:#f59e0b}.stat-resolution.bad.svelte-1y5izfz{color:#ef4444}.empty-msg.svelte-1y5izfz{color:#bae6fd;text-align:center;padding:2rem}.timestamp.svelte-1y5izfz{color:#bae6fd;font-size:.8rem;text-align:right;margin-top:1rem}@media(max-width:1200px){.kpi-grid.svelte-1y5izfz,.type-analysis-grid.svelte-1y5izfz{grid-template-columns:repeat(2,1fr)}.dual-section.svelte-1y5izfz{grid-template-columns:1fr}}@media(max-width:768px){.kpi-grid.svelte-1y5izfz,.type-analysis-grid.svelte-1y5izfz{grid-template-columns:1fr}.device-info.svelte-1y5izfz{width:100px}}