@import"https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-primary: #f3f6f7;--bg-secondary: #eaf0f1;--card-bg: #ffffff;--card-border: #dae3e5;--card-hover-border: rgba(124, 58, 237, .35);--primary: #7c3aed;--primary-glow: rgba(124, 58, 237, .2);--secondary: #0ea5e9;--success: #10b981;--success-glow: rgba(16, 185, 129, .12);--danger: #ef4444;--danger-glow: rgba(239, 68, 68, .12);--warning: #f59e0b;--warning-glow: rgba(245, 158, 11, .12);--text-main: #172227;--text-muted: #5e6e74;--text-dim: #8a9a9f;--surface-2: #eaf0f1;--rail-accent: #0e7c86;--rail-accent-soft: #dff0f0;--good: #2e9e5c;--good-soft: #e3f5ea;--warn: #b9800f;--warn-soft: #fbf0da;--critical: #c1443c;--critical-soft: #fbe7e4;--sec-apq: #0e7c86;--sec-bpq: #4a5fd6;--sec-new: #9455c4;--svc-lc: #b45309;--svc-lc-soft: #fdf2e3;--svc-lp: #4a5fd6;--svc-lp-soft: #eef0fc;--font-sans: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s ease;--transition-normal: .3s cubic-bezier(.4, 0, .2, 1);--shadow-sm: 0 4px 6px -1px rgba(23, 34, 39, .08);--shadow-md: 0 10px 15px -3px rgba(23, 34, 39, .12);--shadow-lg: 0 20px 25px -5px rgba(23, 34, 39, .18)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-main);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden}.app-container{max-width:1500px;margin:0 auto;padding:2rem;display:flex;flex-direction:column;gap:2rem}.app-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.5rem;border-bottom:1px solid var(--card-border)}.logo-section{display:flex;align-items:center;gap:.75rem}.logo-icon{background:linear-gradient(135deg,var(--primary),var(--secondary));width:2.5rem;height:2.5rem;border-radius:.75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px var(--primary-glow)}.logo-icon svg{width:1.25rem;height:1.25rem;color:#fff}.logo-section h1{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;background:linear-gradient(to right,#172227,#45535a);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.live-badge{display:flex;align-items:center;gap:.5rem;background:#10b9811a;border:1px solid rgba(16,185,129,.2);padding:.35rem .75rem;border-radius:2rem;font-size:.75rem;font-weight:600;color:var(--success);text-transform:uppercase;letter-spacing:.05em}.live-badge:before{content:"";display:inline-block;width:6px;height:6px;background-color:var(--success);border-radius:50%;box-shadow:0 0 8px var(--success);animation:pulse-ring 1.5s infinite}@keyframes pulse-ring{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.btn-refresh{background:linear-gradient(135deg,var(--primary),#6366f1);color:#fff;border:none;padding:.6rem 1.25rem;border-radius:.5rem;font-family:var(--font-sans);font-weight:600;font-size:.9rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;box-shadow:0 4px 12px #7c3aed33;transition:var(--transition-fast)}.btn-refresh:hover{transform:translateY(-1px);box-shadow:0 6px 16px #7c3aed59}.panel{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);transition:var(--transition-normal)}.panel:hover{border-color:#7c3aed33}.panel-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--card-border);padding-bottom:.75rem}.panel-title{font-size:1.1rem;font-weight:600;color:var(--text-main);display:flex;align-items:center;gap:.5rem}.view-tabs{display:flex;gap:.5rem}.view-tab{font-family:var(--font-sans);font-size:.85rem;font-weight:600;padding:.55rem 1.1rem;border-radius:.6rem;border:1px solid var(--card-border);background:var(--card-bg);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.view-tab:hover{border-color:var(--card-hover-border)}.view-tab.active{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;border-color:transparent;box-shadow:0 4px 12px #7c3aed33}.service-row{display:flex;flex-direction:column;gap:.6rem}.service-row .eyebrow{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-dim)}.service-tabs{display:flex;gap:.7rem;flex-wrap:wrap}.svc-btn{flex:1 1 220px;display:flex;align-items:center;gap:.75rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:.9rem;padding:.85rem 1rem;cursor:pointer;text-align:left;font-family:var(--font-sans);transition:var(--transition-fast);box-shadow:var(--shadow-sm)}.svc-btn:hover{border-color:var(--card-hover-border);transform:translateY(-1px)}.svc-icon{width:2.1rem;height:2.1rem;border-radius:.6rem;flex-shrink:0;display:flex;align-items:center;justify-content:center}.svc-icon svg{width:1.1rem;height:1.1rem}.svc-btn .svc-text .name{font-weight:700;font-size:.92rem;color:var(--text-main)}.svc-btn .svc-text .desc{font-size:.72rem;color:var(--text-muted);margin-top:1px}.svc-icon-pq{background:var(--rail-accent-soft);color:var(--rail-accent)}.svc-icon-lc{background:var(--svc-lc-soft);color:var(--svc-lc)}.svc-icon-lp{background:var(--svc-lp-soft);color:var(--svc-lp)}.svc-btn.active{border-color:transparent;background:linear-gradient(135deg,var(--primary),var(--secondary));box-shadow:0 6px 16px var(--primary-glow)}.svc-btn.active .svc-icon{background:#ffffff2e;color:#fff}.svc-btn.active .svc-text .name{color:#fff}.svc-btn.active .svc-text .desc{color:#ffffffd1}.svc-badge{margin-left:auto;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:2px 7px;border-radius:999px;background:var(--bg-secondary);color:var(--text-dim);border:1px solid var(--card-border);white-space:nowrap}.svc-btn.active .svc-badge{background:#ffffff2e;color:#fff;border-color:transparent}.coming-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:.6rem;padding:3.5rem 2rem}.coming-soon .cs-icon{width:3.2rem;height:3.2rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}.coming-soon .cs-icon svg{width:1.6rem;height:1.6rem}.coming-soon .cs-icon-lc{background:var(--svc-lc-soft);color:var(--svc-lc)}.coming-soon .cs-icon-lp{background:var(--svc-lp-soft);color:var(--svc-lp)}.coming-soon h3{font-size:1.05rem;margin:0;color:var(--text-main)}.coming-soon p{font-size:.85rem;color:var(--text-muted);max-width:34ch;margin:0}.coming-soon .eta{margin-top:.6rem;font-size:.68rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);border:1px dashed var(--card-border);border-radius:999px;padding:4px 12px}.mc-toggle{font-family:var(--font-mono);font-size:.75rem;font-weight:600;padding:2px 8px;border-radius:5px;border:1px solid var(--card-border);background:transparent;color:var(--text-main);cursor:pointer;transition:var(--transition-fast)}.mc-toggle.active{background:var(--rail-accent-soft);color:var(--rail-accent);border-color:var(--rail-accent)}.mc-drilldown-panel{display:flex;flex-direction:column;gap:.9rem;margin:.75rem;padding:1rem 1.1rem;background:var(--card-bg);border:1px solid var(--rail-accent);border-radius:.75rem;box-shadow:var(--shadow-sm)}.chart-bar{transition:opacity var(--transition-fast),transform var(--transition-fast);cursor:pointer}.chart-bar:hover{opacity:.85;transform:translateY(-2px)}.rail-layout{display:flex;gap:1.25rem;align-items:flex-start}.rail-col{display:flex;flex-direction:column;gap:1.25rem;width:300px;flex-shrink:0}.rail{width:100%;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;max-height:520px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md)}.rail-search{display:flex;align-items:center;gap:.5rem;padding:.75rem .85rem;border-bottom:1px solid var(--card-border);color:var(--text-muted)}.rail-search input{border:none;background:transparent;outline:none;color:var(--text-main);font-family:var(--font-sans);font-size:.85rem;width:100%}.rail-filter{display:flex;gap:.4rem;padding:.6rem .85rem;border-bottom:1px solid var(--card-border)}.jf-chip{font-family:var(--font-sans);font-size:.7rem;font-weight:700;padding:.2rem .65rem;border-radius:999px;border:1px solid var(--card-border);background:var(--bg-secondary);color:var(--text-muted);cursor:pointer;transition:var(--transition-fast)}.jf-chip.active{background:var(--rail-accent-soft);color:var(--rail-accent);border-color:var(--rail-accent)}.rail-body{overflow-y:auto;padding:.4rem;flex:1}.rail-group-label{display:flex;align-items:center;gap:.4rem;font-size:.65rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);padding:.6rem .5rem .35rem}.rail-row{display:flex;align-items:center;gap:.6rem;padding:.5rem;border-radius:.5rem;cursor:pointer;border-left:3px solid transparent;margin-bottom:1px;transition:var(--transition-fast)}.rail-row:hover{background:var(--bg-secondary)}.rail-row.selected{background:var(--rail-accent-soft);border-left-color:var(--rail-accent)}.rail-row .rmeta{flex:1;min-width:0}.rail-row .rname{font-size:.82rem;font-weight:600;color:var(--text-main);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-row .rid{font-family:var(--font-mono);font-size:.68rem;color:var(--text-dim);margin-top:2px}.rail-empty{padding:1.5rem .75rem;text-align:center;color:var(--text-muted);font-size:.8rem}.jur-chip{font-family:var(--font-mono);font-size:.62rem;font-weight:700;border-radius:4px;padding:1px 6px;background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-muted)}.dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;display:inline-block}.dot.good{background:var(--good)}.dot.warn{background:var(--warn)}.dot.critical{background:var(--critical);box-shadow:0 0 0 3px var(--critical-soft)}.dot.unknown{background:var(--text-muted)}.status-dot{margin-right:6px;vertical-align:middle}.pill{font-family:var(--font-mono);font-size:.68rem;font-weight:700;border-radius:5px;padding:2px 7px}.pill.good{color:var(--good);background:var(--good-soft)}.pill.warn{color:var(--warn);background:var(--warn-soft)}.pill.critical{color:var(--critical);background:var(--critical-soft)}.pill.unknown{color:var(--text-muted);background:#5e6e741f}.rail-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1.25rem}.toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:1rem;background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1rem 1.1rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-sm)}.field{display:flex;flex-direction:column;gap:.4rem}.field label{font-size:.65rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted)}.native-input{background:var(--bg-secondary);border:1px solid var(--card-border);color:var(--text-main);border-radius:.5rem;padding:.45rem .6rem;font-size:.82rem;font-family:var(--font-sans)}.native-input:focus{outline:none;border-color:var(--rail-accent);box-shadow:0 0 10px var(--rail-accent-soft)}.spacer{flex:1}.detail{background:var(--card-bg);border:1px solid var(--card-border);border-radius:1rem;padding:1.25rem;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);display:flex;flex-direction:column;gap:1.25rem}.detail-head{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}.detail-head h2{font-size:1.1rem;margin:0;color:var(--text-main)}.detail-head .id{font-family:var(--font-mono);font-size:.75rem;color:var(--text-dim)}.section{display:flex;flex-direction:column;gap:.75rem;background:#17222704;border:1px solid var(--card-border);border-left:4px solid var(--card-border);border-radius:.65rem;padding:1rem 1.1rem}.section-head{display:flex;align-items:baseline;gap:.5rem;flex-wrap:wrap}.section-head h3{font-size:.85rem;margin:0;letter-spacing:.02em;color:var(--text-main)}.section-head .hint{font-size:.72rem;color:var(--text-muted)}.section.sec-apq{border-left-color:var(--sec-apq)}.section.sec-apq .section-head h3{color:var(--sec-apq)}.section.sec-bpq{border-left-color:var(--sec-bpq)}.section.sec-bpq .section-head h3{color:var(--sec-bpq)}.section.sec-new{border-left-color:var(--sec-new)}.section.sec-new .section-head h3{color:var(--sec-new)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:.75rem}.stat{background:var(--bg-secondary);border:1px solid var(--card-border);border-radius:.6rem;padding:.7rem .85rem}.stat .k{font-size:.65rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.stat .v{font-family:var(--font-mono);font-size:1.35rem;font-weight:700;margin-top:4px;color:var(--text-main)}.stat .v.good{color:var(--good)}.stat .v.warn{color:var(--warn)}.stat .v.critical{color:var(--critical)}.drilldown-link,.drilldown-link:visited{color:inherit;text-decoration:none;cursor:pointer;display:inline-block}.drilldown-link:hover{text-decoration:underline}.table-wrap{overflow-x:auto;border:1px solid var(--card-border);border-radius:.6rem;background:var(--bg-secondary)}.table-wrap.compact .he-table{min-width:0}.he-table{width:100%;border-collapse:collapse;font-size:.78rem}.he-table{min-width:560px}.he-table th{text-align:right;font-size:.62rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);padding:.5rem .7rem;border-bottom:1px solid var(--card-border)}.he-table th:first-child,.he-table td:first-child,.he-table th.al{text-align:left}.he-table td{padding:.55rem .7rem;border-bottom:1px solid var(--card-border);font-family:var(--font-mono);text-align:right;color:var(--text-main);white-space:nowrap}.he-table tbody tr:last-child td{border-bottom:none}.he-table td.he-name{font-family:var(--font-sans);font-weight:600;text-align:left}.he-table td.al{text-align:left;font-family:var(--font-sans)}.he-table td.al.muted{color:var(--text-dim);font-size:.72rem}.he-table tfoot td{padding:.55rem .7rem;font-family:var(--font-mono);font-weight:700;text-align:right;border-top:1px solid var(--card-border)}.he-table tfoot td:first-child{text-align:left;font-family:var(--font-sans)}.rate-cell{display:inline-flex;align-items:center;gap:6px}.rate-bar{width:44px;height:5px;border-radius:3px;background:#17222714;border:1px solid var(--card-border);overflow:hidden}.rate-bar>span{display:block;height:100%;border-radius:3px}.rate-bar.good>span{background:var(--good)}.rate-bar.warn>span{background:var(--warn)}.rate-bar.critical>span{background:var(--critical)}.rate-num.good{color:var(--good)}.rate-num.warn{color:var(--warn)}.rate-num.critical{color:var(--critical)}@media (max-width: 1100px){.rail-layout{flex-direction:column}.rail-col{width:100%}}.loader-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;width:100%}.spinner{width:2.5rem;height:2.5rem;border:3px solid rgba(124,58,237,.1);border-radius:50%;border-top-color:var(--primary);animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem;text-align:center;color:var(--text-muted);gap:.5rem}