:root{--color-brand: #5BBFAD;--color-brand-dark: #3d9e8c;--color-brand-light: #e1f5f1;--color-green: #22c55e;--color-green-light: #f0fdf4;--color-amber: #f59e0b;--color-amber-light: #fffbeb;--color-red: #ef4444;--color-red-light: #fef2f2;--color-blue: #3b82f6;--color-blue-dark: #2563eb;--color-blue-light: #eff6ff;--color-purple: #8b5cf6;--color-purple-light: #f5f3ff;--color-sidebar-bg: #1a2332;--color-sidebar-hover: #243044;--color-sidebar-active:#2d3d54;--color-sidebar-text: #8fa3b8;--color-bg: #f0f2f5;--color-surface: #ffffff;--color-border: #e5e7eb;--color-border-subtle: #f3f4f6;--color-text: #111827;--color-text-2: #4b5563;--color-text-3: #9ca3af;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-pill: 20px;--shadow-card: 0 1px 3px rgba(0,0,0,.08), 0 1px 2px rgba(0,0,0,.04);--shadow-dropdown: 0 8px 24px rgba(0,0,0,.4);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;--text-xs: 10px;--text-sm: 11px;--text-base: 12px;--text-md: 13px;--text-lg: 15px;--text-xl: 18px;--text-2xl: 20px;--text-3xl: 24px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--transition-fast: all .12s ease;--transition-normal: all .15s ease;--transition-slow: all .2s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);font-size:var(--text-md);margin:0;padding:0;height:100vh;overflow:hidden}app-root{display:flex;flex-direction:column;width:100%;height:100vh;overflow:hidden}app-topbar{display:block;flex-shrink:0}app-sidebar,.app-sidebar{display:none!important}.app-main{flex:1;display:flex;flex-direction:column;width:100%;overflow:hidden}.topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-3) var(--space-6);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;gap:var(--space-4);width:100%}.topbar__left h1{font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text)}.topbar__title{display:flex;align-items:center;gap:var(--space-2);margin:0}.topbar__title.is-pi-game{font-size:var(--text-md);font-weight:var(--weight-semibold)}.pi-trigger{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;margin-left:6px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-brand-light);color:var(--color-brand-dark);font-size:var(--text-sm);font-weight:var(--weight-bold);line-height:1;cursor:pointer;vertical-align:middle;transition:var(--transition-normal)}.pi-trigger:hover{background:var(--color-brand);border-color:var(--color-brand);color:#fff}.pi-game{display:inline-flex;align-items:center;gap:var(--space-2);max-width:min(100%,520px);font-family:var(--font-mono);font-size:var(--text-sm);font-weight:var(--weight-normal)}.pi-game__prefix{flex-shrink:0;color:var(--color-brand-dark);font-weight:var(--weight-semibold)}.pi-game__digits{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text);letter-spacing:.04em}.pi-game__cursor{flex-shrink:0;color:var(--color-brand);animation:pi-cursor-blink 1s step-end infinite}.pi-game__meta{flex-shrink:0;font-family:var(--font-sans);font-size:var(--text-xs);color:var(--color-text-3);white-space:nowrap}.pi-game__close{flex-shrink:0;width:18px;height:18px;padding:0;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-3);font-size:14px;line-height:1;cursor:pointer}.pi-game__close:hover{background:var(--color-border-subtle);color:var(--color-text)}@keyframes pi-cursor-blink{50%{opacity:0}}.topbar__left p{font-size:var(--text-base);color:var(--color-text-3);margin-top:2px}.topbar__right{display:flex;align-items:center;gap:var(--space-2)}.page{flex:1;overflow-y:auto;padding:var(--space-5) var(--space-6);display:none}.page.is-active{display:block}.app-main--embed .page{padding:0}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px;margin-bottom:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-bottom:var(--space-5)}.grid-2{display:grid;grid-template-columns:1fr 1fr;grid-gap:14px;gap:14px;margin-bottom:var(--space-5)}.summary-band{display:grid;grid-template-columns:repeat(5,1fr);grid-gap:var(--space-2);gap:var(--space-2);margin-bottom:18px}.summary-band--4col{grid-template-columns:repeat(4,1fr)}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:10px}@media (max-width: 1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.summary-band{grid-template-columns:repeat(3,1fr)}.summary-band--4col{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){body{flex-direction:column}.app-main{overflow:visible}.page{padding:var(--space-4);overflow:visible}.grid-4,.grid-3,.grid-2,.summary-band,.summary-band--4col{grid-template-columns:1fr}.topbar{flex-wrap:wrap;padding:var(--space-3) var(--space-4)}.topbar__right{flex-wrap:wrap}}.sidebar-logo{padding:14px;border-bottom:1px solid rgba(255,255,255,.07);position:relative}.proj-trigger{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;border-radius:var(--radius-md);padding:6px 8px}.proj-trigger__mark{width:32px;height:32px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:var(--weight-bold);color:#fff;flex-shrink:0;transition:var(--transition-slow)}.proj-trigger__name{color:#fff;font-size:var(--text-lg);font-weight:var(--weight-semibold)}.proj-trigger__sub{color:var(--color-sidebar-text);font-size:var(--text-xs);margin-top:1px}.proj-trigger__chevron{margin-left:auto;color:var(--color-sidebar-text);flex-shrink:0;transition:transform var(--transition-slow)}.proj-dropdown{display:none;position:absolute;top:calc(100% - 4px);left:10px;right:10px;background:#243044;border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);z-index:100;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.proj-dropdown__option{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);cursor:pointer}.proj-dropdown__option-mark{width:28px;height:28px;border-radius:7px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--weight-bold);color:#fff;flex-shrink:0}.proj-dropdown__option-name{color:#fff;font-size:var(--text-md);font-weight:var(--weight-medium)}.proj-dropdown__option-sub{color:var(--color-sidebar-text);font-size:var(--text-xs)}.sidebar-footer{margin-top:auto;padding:14px 18px;border-top:1px solid rgba(255,255,255,.07);display:flex;align-items:center;gap:var(--space-2)}.nav-group{padding:var(--space-3) 0 var(--space-1)}.nav-group--logout{margin-top:auto;padding-top:var(--space-2);border-top:1px solid rgba(255,255,255,.07)}.nav-item--button{width:100%;border:none;background:transparent;text-align:left;font:inherit}.proj-trigger--static{cursor:default}.nav-group__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:#4d6680;text-transform:uppercase;letter-spacing:.06em;padding:0 18px 6px}.nav-item{display:flex;align-items:center;gap:var(--space-2);padding:8px 18px;color:var(--color-sidebar-text);cursor:pointer;border-left:2px solid transparent;font-size:var(--text-md);transition:var(--transition-normal)}.nav-item svg{width:16px;height:16px;flex-shrink:0;opacity:.7}.avatar{width:32px;height:32px;background:var(--color-brand);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);font-weight:var(--weight-semibold);color:#fff;flex-shrink:0}.avatar__name{color:#fff;font-size:var(--text-base);font-weight:var(--weight-medium)}.avatar__role{color:var(--color-sidebar-text);font-size:var(--text-xs)}.range-tabs{display:flex;gap:2px;background:var(--color-bg);padding:3px;border-radius:var(--radius-md)}.range-tab{padding:5px var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--color-text-2);cursor:pointer;border:none;background:none;transition:var(--transition-normal)}.date-picker{display:flex;align-items:center;gap:var(--space-2);padding:7px var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;font-size:var(--text-base);color:var(--color-text-2)}.date-picker svg{width:14px;height:14px}.sync-info{font-size:var(--text-base);color:var(--color-text-3);display:flex;align-items:center;gap:5px}.sync-info__dot{width:6px;height:6px;background:var(--color-green);border-radius:50%}.card{background:var(--color-surface);border-radius:var(--radius-lg);padding:18px;box-shadow:var(--shadow-card);border:1px solid var(--color-border)}.card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;flex-wrap:wrap;gap:var(--space-2)}.card__title{font-size:var(--text-md);font-weight:var(--weight-semibold)}.card__sub{font-size:var(--text-sm);color:var(--color-text-3);margin-top:2px}.kpi-card{background:var(--color-surface);border-radius:var(--radius-lg);padding:16px 18px;box-shadow:var(--shadow-card);border:1px solid var(--color-border);display:flex;align-items:flex-start;gap:14px}.kpi-card__icon{width:40px;height:40px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.kpi-card__icon svg{width:20px;height:20px}.kpi-card__label{font-size:var(--text-base);color:var(--color-text-2);margin-bottom:4px}.kpi-card__value{font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:1;margin-bottom:5px}.kpi-card__delta{font-size:var(--text-sm)}.kpi-card__spark{margin-left:auto;opacity:.7}.sb-item{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3) 14px;text-align:center}.sb-item__val{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.sb-item__lbl{font-size:var(--text-xs);color:var(--color-text-3);margin-top:3px}.data-table{width:100%;border-collapse:collapse}.data-table th{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.data-table td{padding:9px 10px;font-size:var(--text-base);color:var(--color-text-2);border-bottom:1px solid var(--color-border-subtle);white-space:nowrap}.data-table tr:last-child td{border-bottom:none}.data-table td.is-num{font-weight:var(--weight-semibold);color:var(--color-text)}.data-table td.is-teal{color:var(--color-brand-dark);font-weight:var(--weight-semibold)}.data-table td.is-blue{color:var(--color-blue-dark);font-weight:var(--weight-semibold)}.data-table td.is-green{color:#15803d;font-weight:var(--weight-semibold)}.data-table td.is-red{color:#b91c1c;font-weight:var(--weight-semibold)}.data-table td.is-amber{color:#92400e;font-weight:var(--weight-semibold)}.data-table td.is-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-3)}.pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.pill--green{background:var(--color-green-light);color:#15803d}.pill--amber{background:var(--color-amber-light);color:#92400e}.pill--red{background:var(--color-red-light);color:#b91c1c}.pill--blue{background:var(--color-blue-light);color:#1d4ed8}.pill--gray{background:var(--color-border-subtle);color:var(--color-text-2)}.btn{padding:5px var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-sm);color:var(--color-text-2);cursor:pointer;white-space:nowrap;display:inline-flex;align-items:center;gap:6px;transition:var(--transition-fast)}.btn svg{width:14px;height:14px}.btn--primary{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.btn--link{background:none;border:none;color:var(--color-brand);font-size:var(--text-base);font-weight:var(--weight-medium);padding:0;text-decoration:none;cursor:pointer}.btn--link:hover{text-decoration:underline}.filter-bar{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4);align-items:center}.filter-select,.filter-input{border:1px solid var(--color-border);border-radius:7px;padding:6px 10px;font-size:var(--text-base);color:var(--color-text-2);background:var(--color-surface);cursor:pointer}.filter-input{outline:none;width:200px;cursor:text}.pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;padding-top:14px;border-top:1px solid var(--color-border);margin-top:4px}.pagination__info{font-size:var(--text-base);color:var(--color-text-3)}.pagination__pages{display:flex;gap:4px}.page-btn{padding:5px 10px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);font-size:var(--text-base);cursor:pointer;color:var(--color-text-2);transition:var(--transition-fast)}.chart-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 8px;font-size:var(--text-sm);color:var(--color-text-2);background:var(--color-surface);cursor:pointer}.donut-wrap{display:flex;align-items:center;gap:var(--space-5)}.donut-legend{display:flex;flex-direction:column;gap:var(--space-2)}.legend-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-base)}.legend-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.reason-row{display:flex;align-items:center;gap:var(--space-2);padding:8px 0;border-bottom:1px solid var(--color-border-subtle)}.reason-row:last-child{border-bottom:none}.reason-row__name{flex:1;font-size:var(--text-base);color:var(--color-text-2)}.reason-row__bar-wrap{width:80px;height:5px;background:var(--color-border-subtle);border-radius:3px}.reason-row__bar{height:5px;border-radius:3px}.reason-row__count{width:36px;text-align:right;font-size:var(--text-base);font-weight:var(--weight-semibold)}.reason-row__share{width:38px;text-align:right;font-size:var(--text-sm);color:var(--color-text-3)}.reason-row__action{font-size:var(--text-sm);color:var(--color-brand);cursor:pointer;margin-left:4px}.vital-item{display:flex;flex-direction:column;align-items:center;padding:14px;background:var(--color-bg);border-radius:var(--radius-md)}.vital-item__val{font-size:22px;font-weight:var(--weight-bold);margin-bottom:2px}.vital-item__label{font-size:var(--text-sm);color:var(--color-text-3);margin-bottom:6px}.vital-item__status{font-size:var(--text-sm);font-weight:var(--weight-semibold);padding:2px 8px;border-radius:var(--radius-pill)}.vital-item__status--good{background:var(--color-green-light);color:#15803d}.vital-item__status--needs{background:var(--color-amber-light);color:#92400e}.vital-item__status--poor{background:var(--color-red-light);color:#b91c1c}.alert-item{display:flex;gap:var(--space-2);padding:10px var(--space-3);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.alert-item:last-child{margin-bottom:0}.alert-item--warn{background:#fffbeb;border:1px solid #fde68a}.alert-item--danger{background:var(--color-red-light);border:1px solid #fecaca}.alert-item__icon{width:18px;height:18px;flex-shrink:0;margin-top:1px}.alert-item__title{font-size:var(--text-base);font-weight:var(--weight-semibold);margin-bottom:2px}.alert-item__meta{font-size:var(--text-xs);color:var(--color-text-3);margin-top:3px}.mini-stat{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--space-3) 14px}.mini-stat__label{font-size:var(--text-sm);color:var(--color-text-3);margin-bottom:4px}.mini-stat__value{font-size:var(--text-2xl);font-weight:var(--weight-bold)}.mini-stat__delta{font-size:var(--text-sm);margin-top:3px}.traffic-row{display:flex;align-items:center;gap:var(--space-2);padding:7px 0;border-bottom:1px solid var(--color-border-subtle)}.traffic-row:last-child{border-bottom:none}.traffic-row__source{flex:1;font-size:var(--text-base)}.traffic-row__bar-wrap{width:80px;height:5px;background:var(--color-border-subtle);border-radius:3px}.traffic-row__bar{height:5px;border-radius:3px}.traffic-row__num{width:52px;text-align:right;font-size:var(--text-base);font-weight:var(--weight-semibold)}.traffic-row__pct{width:36px;text-align:right;font-size:var(--text-sm);color:var(--color-text-3)}.diag-card{border-radius:var(--radius-md);padding:14px 16px;margin-bottom:var(--space-2)}.diag-card--owner{border:1px solid rgba(239,68,68,.27);border-left:3px solid var(--color-red);background:var(--color-red-light)}.diag-card--envkv{border:1px solid rgba(245,158,11,.27);border-left:3px solid var(--color-amber);background:var(--color-amber-light)}.diag-card__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px;flex-wrap:wrap;gap:var(--space-2)}.diag-card__id{font-family:var(--font-mono);font-size:var(--text-md);font-weight:var(--weight-bold);color:var(--color-text)}.diag-card__meta{font-size:var(--text-base);color:var(--color-text-2)}.diag-card__body{background:rgba(0,0,0,.03);border-radius:var(--radius-sm);padding:10px 12px}.diag-card__reason-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.04em;margin-bottom:6px}.diag-card__reason-line{display:flex;align-items:flex-start;gap:var(--space-2);margin-bottom:4px}.diag-card__reason-bullet{flex-shrink:0;margin-top:1px}.diag-card__reason-text{font-size:var(--text-base);color:var(--color-text-2);font-family:var(--font-mono)}.brand-dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-right:4px;flex-shrink:0}.prog-cell{display:flex;align-items:center;gap:6px}.prog-wrap{width:50px;height:5px;background:var(--color-border-subtle);border-radius:3px}.prog-fill{height:5px;border-radius:3px}.fuel-tag{display:inline-block;padding:2px 7px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.delta--up{color:var(--color-green)}.delta--down{color:var(--color-red)}.modal-backdrop{position:fixed;inset:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:rgba(15,23,42,.45)}.modal{width:min(100%,480px);max-height:calc(100vh - 48px);overflow:auto;background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);box-shadow:var(--shadow-dropdown)}.modal--wide{width:min(100%,920px)}.modal__sub{margin:4px 0 0;font-size:var(--text-sm);color:var(--color-text-3)}.modal__empty{margin:0;padding:24px 18px 28px;text-align:center;color:var(--color-text-3);font-size:var(--text-base)}.modal__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:16px 18px;border-bottom:1px solid var(--color-border)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text)}.modal__close{width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-2);font-size:22px;line-height:1;cursor:pointer;flex-shrink:0}.modal__close:hover{background:var(--color-border-subtle)}.detail-rows{margin:0;padding:8px 0}.detail-row{display:grid;grid-template-columns:140px 1fr;grid-gap:var(--space-3);gap:var(--space-3);padding:10px 18px;border-bottom:1px solid var(--color-border-subtle)}.detail-row:last-child{border-bottom:none}.detail-row dt{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-3);text-transform:uppercase;letter-spacing:.04em}.detail-row dd{margin:0;font-size:var(--text-base);color:var(--color-text-2);word-break:break-word}.detail-row dd.is-num{font-weight:var(--weight-semibold);color:var(--color-text)}.detail-row dd.is-teal{color:var(--color-brand-dark);font-weight:var(--weight-semibold)}.detail-row dd.is-blue{color:var(--color-blue-dark);font-weight:var(--weight-semibold)}.detail-row dd.is-red{color:#b91c1c;font-weight:var(--weight-semibold)}.detail-row dd.is-amber{color:#92400e;font-weight:var(--weight-semibold)}.detail-row dd.is-mono{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-3)}.lead-list{padding:4px 18px 18px;border-top:1px solid var(--color-border-subtle)}.lead-list__title{margin:14px 0 12px;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-2);text-transform:uppercase;letter-spacing:.04em}.lead-list__empty{margin:0 0 8px;font-size:var(--text-sm);color:var(--color-text-3)}.lead-card{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:12px 14px;margin-bottom:10px;background:var(--color-bg)}.lead-card:last-child{margin-bottom:0}.lead-card__header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.lead-card__time{font-size:var(--text-sm);color:var(--color-text-3);white-space:nowrap}.lead-card__rows{margin:0;display:grid;grid-gap:8px;gap:8px}.lead-card__row{display:grid;grid-template-columns:88px 1fr;grid-gap:10px;gap:10px;font-size:var(--text-sm)}.lead-card__row dt{margin:0;color:var(--color-text-3);font-weight:var(--weight-semibold)}.lead-card__row dd{margin:0;color:var(--color-text-2);word-break:break-word}.lead-card__row a{color:var(--color-blue-dark);text-decoration:none}.lead-card__row a:hover{text-decoration:underline}.lead-card__message{white-space:pre-wrap;line-height:1.45}.proj-trigger:hover{background:rgba(255,255,255,.06)}.proj-trigger:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.proj-chevron.is-open{transform:rotate(180deg)}.proj-dropdown.is-open{display:block}.proj-dropdown__option:hover{background:rgba(255,255,255,.06)}.proj-dropdown__option.is-active{background:rgba(255,255,255,.1)}.nav-item:hover{background:var(--color-sidebar-hover);color:#c8d8e8}.nav-item:focus-visible{outline:2px solid var(--color-brand);outline-offset:-2px}.nav-item svg{opacity:.7}.nav-item.is-active{background:var(--color-sidebar-active);color:#fff;border-left-color:var(--color-brand)}.nav-item.is-active svg{opacity:1}.range-tab:hover{color:var(--color-text)}.range-tab:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.range-tab.is-active{background:var(--color-surface);color:var(--color-brand);box-shadow:0 1px 2px #0000001a}.data-table tr:hover td{background:#fafafa}.data-table th:hover{color:var(--color-text-2)}.btn:hover{background:var(--color-bg)}.btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.btn:active{opacity:.85}.btn:disabled{opacity:.4;cursor:not-allowed}.btn--primary:hover,.btn--primary:active{background:var(--color-brand-dark)}.filter-select:focus,.filter-input:focus{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 2px #5bbfad33}.filter-input::placeholder{color:var(--color-text-3)}.page-btn:hover{background:var(--color-bg)}.page-btn:focus-visible{outline:2px solid var(--color-brand);outline-offset:2px}.page-btn.is-active{background:var(--color-brand);color:#fff;border-color:var(--color-brand)}.chart-select:focus{outline:none;border-color:var(--color-brand)}.data-table th[data-sort]:after{content:" \2195";opacity:.3}.data-table th[data-sort=asc]:after{content:" \2191";opacity:1;color:var(--color-brand)}.data-table th[data-sort=desc]:after{content:" \2193";opacity:1;color:var(--color-brand)}.diag-card .btn--primary:focus-visible{outline:2px solid var(--color-red)}.diag-card--envkv .btn--primary:focus-visible{outline:2px solid var(--color-amber)}.is-loading{position:relative;overflow:hidden;color:transparent!important;pointer-events:none}.is-loading:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--color-border-subtle) 25%,#e9eaeb 50%,var(--color-border-subtle) 75%);background-size:200% 100%;animation:shimmer 1.4s infinite;border-radius:inherit}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{transition:none!important;animation:none!important}}