.page-container[data-v-334eb2f8]{max-width:1000px;min-height:80vh;display:flex;flex-direction:column;gap:32px}.header-section[data-v-334eb2f8]{margin-bottom:0;padding:24px;background:radial-gradient(circle at 92% 10%,rgba(96,165,250,.14),transparent 34%),linear-gradient(135deg,#fffffffa,#fff7faf5)}.title[data-v-334eb2f8]{margin:0}.subtitle[data-v-334eb2f8]{margin-top:8px}.status-hero[data-v-334eb2f8]{padding:32px;display:flex;align-items:center;justify-content:center;background:#fff}.hero-content[data-v-334eb2f8]{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:600px}.status-indicator[data-v-334eb2f8]{display:flex;align-items:center;gap:20px}.status-text .label[data-v-334eb2f8]{font-size:14px;color:#6b7280;margin-bottom:4px}.status-text .value[data-v-334eb2f8]{font-size:32px;font-weight:800;line-height:1}.last-check[data-v-334eb2f8]{font-size:12px;color:#6b7280;font-family:monospace}.pulse-icon[data-v-334eb2f8]{animation:pulse-334eb2f8 2s infinite}@keyframes pulse-334eb2f8{0%{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}to{transform:scale(1);opacity:1}}.metrics-grid[data-v-334eb2f8]{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:24px}@media(max-width:768px){.metrics-grid[data-v-334eb2f8]{grid-template-columns:1fr}}.metric-card[data-v-334eb2f8]{padding:24px;display:flex;align-items:flex-start;gap:16px}.metric-card[data-v-334eb2f8]:hover{transform:translateY(-4px)}.metric-card[data-v-334eb2f8]:first-child{flex-direction:column}.metric-card:first-child .icon-box[data-v-334eb2f8]{align-self:flex-start}.metric-card:first-child .metric-info[data-v-334eb2f8]{width:100%}.icon-box[data-v-334eb2f8]{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px}.green[data-v-334eb2f8]{background:#10b9811a;color:#10b981}.purple[data-v-334eb2f8]{background:#f586a91a;color:var(--ui-primary)}.blue[data-v-334eb2f8]{background:#3b82f61a;color:#3b82f6}.metric-info .label[data-v-334eb2f8]{font-size:13px;color:#6b7280;margin-bottom:4px}.metric-info .value[data-v-334eb2f8]{font-size:24px;font-weight:700;color:var(--ui-text)}.metric-info .unit[data-v-334eb2f8]{font-size:14px;color:#6b7280;margin-left:4px;font-weight:400}.metric-info .value.no-data[data-v-334eb2f8]{color:#6b7280;font-size:16px;font-weight:600;font-style:italic}.availability-bar[data-v-334eb2f8]{margin-top:16px;width:100%}.bar-background[data-v-334eb2f8]{width:100%;height:10px;background:linear-gradient(90deg,#f3f4f6,#e5e7eb);border-radius:6px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px #0000000d}.bar-fill[data-v-334eb2f8]{height:100%;border-radius:6px;transition:width .8s cubic-bezier(.4,0,.2,1),background .3s ease;position:relative;box-shadow:0 0 10px #10b9814d}.bar-fill[data-v-334eb2f8]:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);animation:shimmer-334eb2f8 2s infinite}@keyframes shimmer-334eb2f8{0%{transform:translate(-100%)}to{transform:translate(100%)}}.bar-labels[data-v-334eb2f8]{display:flex;justify-content:space-between;margin-top:8px;font-size:11px;color:#6b7280;font-weight:500}.bar-label-left[data-v-334eb2f8],.bar-label-right[data-v-334eb2f8]{font-family:Courier New,monospace;background:#9ca3af1a;padding:2px 8px;border-radius:4px}.chart-card[data-v-334eb2f8]{padding:24px;height:400px;display:flex;flex-direction:column}.chart-header[data-v-334eb2f8]{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:#4b5563;margin-bottom:16px}.chart-box[data-v-334eb2f8]{flex:1;min-height:0;width:100%}.chart[data-v-334eb2f8]{height:100%;width:100%}