@import"https://fonts.googleapis.com/css2?family=Exo+2:wght@700;800&family=Space+Grotesk:wght@500;600;700;800&family=JetBrains+Mono:wght@400;500&family=Inter:wght@400;500;600&display=swap";*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg-base: #050810;--bg-surface: #0a0f1a;--bg-elevated: #0f1e30;--bg-hover: #152338;--bg: #050810;--bg-deep: #050810;--surface: #0a0f1a;--surface-elevated: #0f1e30;--surface-2: #0f1e30;--surface-3: #080c14;--border-subtle: #0f1e30;--border-default: #2a3a4a;--border: #0f1e30;--border-accent: rgba(0, 255, 136, .2);--accent: #00ff88;--accent-hover: #00dd77;--accent-dark: #00dd77;--accent-dim: rgba(0, 255, 136, .07);--accent-glow: rgba(0, 255, 136, .1);--accent-green: #00ff88;--accent-blue: #388bfd;--accent-purple: #a371f7;--accent-orange: #f78166;--accent-red: #ff7b72;--danger: #ff7b72;--danger-dim: rgba(255, 123, 114, .1);--warning: #f78166;--warning-dim: rgba(247, 129, 102, .1);--success: #00ff88;--text-primary: #f0f4f8;--text-secondary: #8a9bb0;--text-tertiary: #5a6a7a;--text-muted: #2a3a4a;--text-accent: #00ff88;--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--sidebar-w: 256px;--mobile-nav-h: 60px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px}html,body,#root{height:100%}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:#3a4a5a}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}@keyframes pulse-green{0%,to{box-shadow:0 0 #00ff8880}60%{box-shadow:0 0 0 5px #0f80}}@keyframes pulse-status{0%,to{opacity:1}50%{opacity:.5}}.card-enter{animation:fadeInUp .32s cubic-bezier(.22,1,.36,1) both}.card-enter-scale{animation:fadeInScale .28s cubic-bezier(.22,1,.36,1) both}.delay-1{animation-delay:.04s}.delay-2{animation-delay:.08s}.delay-3{animation-delay:.12s}.delay-4{animation-delay:.16s}.delay-5{animation-delay:.2s}.delay-6{animation-delay:.25s}.page-wrap{padding:32px 36px}@media (max-width: 767px){.page-wrap{padding:20px 16px calc(var(--mobile-nav-h) + 20px)}}@media (max-width: 767px){.hide-mobile{display:none!important}}@media (min-width: 768px){.show-mobile{display:none!important}}.stats-grid{display:grid;gap:12px;grid-template-columns:repeat(4,1fr)}.stats-grid-2{display:grid;gap:12px;grid-template-columns:repeat(2,1fr)}.stats-grid-3{display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}@media (max-width: 1024px){.stats-grid,.stats-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 767px){.stats-grid,.stats-grid-2,.stats-grid-3{grid-template-columns:1fr;gap:10px}}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table-wrap table{min-width:560px}.page-title{font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--text-primary);letter-spacing:-.03em;line-height:1.2}@media (max-width: 767px){.page-title{font-size:18px}}.page-subtitle{font-family:var(--font-body);font-size:13px;color:var(--text-secondary);margin-top:4px}.section-title{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.stat-value{font-family:var(--font-mono);font-size:48px;font-weight:500;line-height:1;letter-spacing:-.03em;color:var(--accent);transition:text-shadow .2s ease}@media (max-width: 767px){.stat-value{font-size:32px}}.stat-label{font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.1em}.mono{font-family:var(--font-mono);font-size:.9em}.skeleton{background:linear-gradient(90deg,#0a0f1a 25%,#0f1e30,#0a0f1a 75%);background-size:200% 100%;animation:shimmer 1.6s infinite;border-radius:var(--radius-md)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px;transition:border-color .2s ease,box-shadow .2s ease}.card:hover{border-color:var(--border-default)}.card-static{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px}@media (max-width: 767px){.card,.card-static{padding:14px;border-radius:var(--radius-md)}}.stat-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:20px 22px;position:relative;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease;cursor:default}.stat-card:hover{border-color:#0f83;box-shadow:0 0 12px #00ff880d,0 4px 20px #0000004d}.stat-card:hover .stat-value{text-shadow:0 0 20px rgba(0,255,136,.25)}@media (max-width: 767px){.stat-card{padding:14px 16px;border-radius:var(--radius-md)}}.nav-item{display:flex;align-items:center;gap:9px;padding:7px 10px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:13px;font-weight:500;color:var(--text-secondary);transition:color .15s ease,border-color .15s ease;position:relative;border-left:2px solid transparent;text-decoration:none;cursor:pointer;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;letter-spacing:-.01em}.nav-item:hover{color:var(--text-primary)}.nav-item.active{color:var(--text-primary);border-left-color:var(--accent)}.nav-section-label{font-family:var(--font-body);font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.12em;padding:0 10px;margin-top:20px;margin-bottom:2px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:var(--mobile-nav-h);background:#0a0f1af7;border-top:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:space-around;z-index:200;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0px);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 10px;border-radius:var(--radius-md);color:var(--text-secondary);text-decoration:none;font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;transition:color .15s;min-width:48px;flex:1}.mobile-nav-item.active{color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:4px;padding:2px 7px;border-radius:var(--radius-sm);font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:.02em}.badge-green{background:#00ff8814;color:#0f8;border:1px solid rgba(0,255,136,.2)}.badge-red{background:#ff7b7214;color:#ff7b72;border:1px solid rgba(255,123,114,.2)}.badge-yellow{background:#f7816614;color:#f78166;border:1px solid rgba(247,129,102,.2)}.badge-blue{background:#388bfd14;color:#388bfd;border:1px solid rgba(56,139,253,.2)}.badge-purple{background:#a371f714;color:#a371f7;border:1px solid rgba(163,113,247,.2)}.badge-orange{background:#f7816614;color:#f78166;border:1px solid rgba(247,129,102,.2)}.badge-gray{background:#ffffff08;color:var(--text-secondary);border:1px solid var(--border-subtle)}.trend-up{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:#0f8;background:#00e67612;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.trend-down{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:#ff7b72;background:#ff7b7212;padding:2px 6px;border-radius:4px;letter-spacing:.02em}.trend-neu{display:inline-flex;align-items:center;gap:2px;font-family:var(--font-mono);font-size:10px;font-weight:500;color:var(--text-secondary);background:#ffffff08;padding:2px 6px;border-radius:4px}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex-shrink:0;animation:pulse-green 2.6s ease infinite}.service-dot-green{width:7px;height:7px;border-radius:50%;background:#0f8;flex-shrink:0;animation:pulse-green 2.4s ease infinite}.service-dot-yellow{width:7px;height:7px;border-radius:50%;background:#f78166;flex-shrink:0}.service-dot-red{width:7px;height:7px;border-radius:50%;background:#ff7b72;flex-shrink:0}.period-pill{padding:4px 10px;border-radius:var(--radius-md);font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--text-secondary);transition:all .15s ease;cursor:pointer;border:1px solid transparent;background:transparent;letter-spacing:-.01em}.period-pill:hover{color:var(--text-primary)}.period-pill.active{background:#00ff8812;color:var(--accent);border-color:#0f83}.progress-track{width:100%;height:4px;background:var(--border-subtle);border-radius:99px;overflow:hidden}.progress-fill{height:100%;background:var(--accent);border-radius:99px;transition:width 1.1s cubic-bezier(.4,0,.2,1)}.input{width:100%;padding:9px 13px;border-radius:var(--radius-md);background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-primary);font-size:13px;font-family:var(--font-body);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.input:focus{border-color:#00ff8859;box-shadow:0 0 0 3px #00ff880f}.input::-moz-placeholder{color:var(--text-muted)}.input::placeholder{color:var(--text-muted)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border-radius:var(--radius-md);background:var(--accent);color:#020d08;font-family:var(--font-body);font-size:13px;font-weight:600;border:none;cursor:pointer;transition:opacity .15s,box-shadow .15s;letter-spacing:-.01em}.btn-primary:hover{opacity:.9;box-shadow:0 2px 12px #0f83}.btn-primary:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 13px;border-radius:var(--radius-md);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:12px;font-weight:500;border:1px solid var(--border-subtle);cursor:pointer;transition:all .15s ease}.btn-ghost:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--border-default)}.pct-table td,.pct-table th{padding:8px 12px;font-size:12px}.pct-table th{font-family:var(--font-body);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--text-secondary);border-bottom:1px solid var(--border-subtle)}.pct-table td{font-family:var(--font-mono);color:var(--text-secondary)}.divider{height:1px;background:var(--border-subtle);margin:20px 0}.heatmap-grid{display:grid;gap:3px}.heatmap-cell{border-radius:3px;transition:transform .1s;cursor:default}.heatmap-cell:hover{transform:scale(1.35);z-index:1;position:relative}.gauge-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center}