*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #0f1117;--color-surface: #1a1d27;--color-surface-2: #242736;--color-border: #2e3248;--color-border-focus: #4f6ef7;--color-text-primary: #e8eaf0;--color-text-secondary: #8b90a7;--color-text-muted: #555b73;--color-accent: #4f6ef7;--color-accent-hover: #3d5ce6;--color-accent-dim: rgba(79, 110, 247, .12);--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #38bdf8;--color-h1: #4f6ef7;--color-h3: #a855f7;--color-h6: #f59e0b;--color-h12: #22c55e;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--font-sans: "Inter", "Segoe UI", system-ui, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-lg: 17px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 38px;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--shadow-card: 0 1px 3px rgba(0,0,0,.5), 0 1px 2px rgba(0,0,0,.3);--shadow-elevated: 0 4px 16px rgba(0,0,0,.6);--transition-fast: .12s ease;--transition-base: .2s ease}html,body,#root{height:100%}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg);line-height:1.5;-webkit-font-smoothing:antialiased}a{color:var(--color-accent);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font-sans);cursor:pointer;border:none;background:none}input,select,textarea{font-family:var(--font-sans)}.label-caps{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted)}.mono{font-family:var(--font-mono)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-danger{color:var(--color-danger)}.text-muted{color:var(--color-text-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .7s linear infinite;display:inline-block;flex-shrink:0}.spinner--sm{width:16px;height:16px}.spinner--md{width:24px;height:24px}.spinner--lg{width:40px;height:40px;border-width:3px}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg,var(--color-surface-2) 25%,var(--color-border) 50%,var(--color-surface-2) 75%);background-size:800px 100%;animation:shimmer 1.4s infinite;border-radius:var(--radius-md)}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .25s ease forwards}@keyframes scaleInX{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.app-shell{display:flex;height:100vh;overflow:hidden}.sidebar{width:220px;flex-shrink:0;background:var(--color-surface);border-right:1px solid var(--color-border);display:flex;flex-direction:column;overflow-y:auto}.sidebar__logo{padding:var(--space-6) var(--space-5) var(--space-5);border-bottom:1px solid var(--color-border)}.sidebar__logo-name{font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text-primary);letter-spacing:-.02em}.sidebar__logo-sub{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.sidebar__nav{padding:var(--space-3) 0;flex:1}.sidebar__nav-section{padding:var(--space-4) var(--space-5) var(--space-2)}.nav-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-5);width:100%;text-align:left;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);border-left:3px solid transparent;transition:all var(--transition-fast);border-radius:0}.nav-item:hover{background:var(--color-surface-2);color:var(--color-text-primary)}.nav-item--active{background:var(--color-accent-dim);color:var(--color-accent);border-left-color:var(--color-accent)}.nav-item__icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-item--active .nav-item__icon{opacity:1}.sidebar__footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--color-border);display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.status-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.status-dot--ok{background:var(--color-success);box-shadow:0 0 6px var(--color-success)}.status-dot--error{background:var(--color-danger)}.status-dot--unknown{background:var(--color-text-muted)}.main-content{flex:1;display:flex;flex-direction:column;overflow:hidden}.topbar{height:56px;flex-shrink:0;background:var(--color-bg);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-6)}.topbar__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.topbar__right{display:flex;align-items:center;gap:var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted)}.topbar__refresh-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all var(--transition-fast)}.topbar__refresh-btn:hover{border-color:var(--color-accent);color:var(--color-accent)}.page-shell{flex:1;overflow-y:auto;padding:var(--space-6);max-width:1400px;width:100%;margin:0 auto}.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}.stack{display:flex;flex-direction:column;gap:var(--space-5)}@media (max-width: 1100px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 700px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}.sidebar{width:60px}.sidebar__logo-name,.sidebar__logo-sub,.nav-item__label{display:none}}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--color-bg)}.login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2.5rem 2rem;width:100%;max-width:380px;box-shadow:var(--shadow-card, 0 2px 12px rgba(0, 0, 0, .3));display:flex;flex-direction:column;gap:1rem}.login-card__title{font-size:var(--text-2xl);font-weight:var(--weight-bold, 700);text-align:center;margin:0;color:var(--color-text-primary)}.login-card__subtitle{text-align:center;color:var(--color-text-secondary);margin:-.5rem 0 .5rem;font-size:var(--text-sm)}.login-card__error{background:#ef44441f;color:var(--color-danger);padding:.5rem .75rem;border-radius:var(--radius-md);font-size:var(--text-sm);border:1px solid rgba(239,68,68,.25)}.login-card__label{display:flex;flex-direction:column;gap:.25rem;font-size:var(--text-sm);font-weight:var(--weight-medium, 500);color:var(--color-text-secondary)}.login-card__input{padding:.6rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-base);outline:none;background:var(--color-surface-2);color:var(--color-text-primary);transition:border-color .15s,box-shadow .15s}.login-card__input:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px var(--color-accent-dim)}.login-card__btn{margin-top:.5rem;padding:.65rem;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--weight-semibold, 600);cursor:pointer;transition:background .15s}.login-card__btn:hover:not(:disabled){background:var(--color-accent-hover)}.login-card__btn:disabled{opacity:.6;cursor:not-allowed}.topbar__logout-btn{display:flex;align-items:center;gap:4px;background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px 10px;font-size:var(--text-xs);cursor:pointer;color:var(--color-text-secondary);transition:background .15s,color .15s,border-color .15s}.topbar__logout-btn:hover{background:#ef44441a;color:var(--color-danger);border-color:#ef444459}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);overflow:hidden}.card--accent-h1{border-top:3px solid var(--color-h1)}.card--accent-h3{border-top:3px solid var(--color-h3)}.card--accent-h6{border-top:3px solid var(--color-h6)}.card--accent-h12{border-top:3px solid var(--color-h12)}.card--accent-primary{border-top:3px solid var(--color-accent)}.card__header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.card__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary)}.card__body,.stat-tile{padding:var(--space-5)}.stat-tile__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-2)}.stat-tile__value-row{display:flex;align-items:baseline;gap:var(--space-1)}.stat-tile__value{font-size:var(--text-4xl);font-weight:var(--weight-bold);font-family:var(--font-mono);line-height:1}.stat-tile__unit{font-size:var(--text-lg);color:var(--color-text-secondary);font-weight:var(--weight-medium)}.stat-tile__subtext{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:3px 10px;border-radius:var(--radius-pill);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.04em}.badge--ok{background:#22c55e1f;color:var(--color-success)}.badge--error{background:#ef44441f;color:var(--color-danger)}.badge--warning{background:#f59e0b1f;color:var(--color-warning)}.badge--unknown{background:#555b7326;color:var(--color-text-muted)}.badge--h1{background:#4f6ef71f;color:var(--color-h1)}.badge--h3{background:#a855f71f;color:var(--color-h3)}.badge--h6{background:#f59e0b1f;color:var(--color-h6)}.badge--h12{background:#22c55e1f;color:var(--color-h12)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);transition:all var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--primary:disabled{opacity:.5;cursor:not-allowed}.btn--secondary{background:var(--color-surface-2);color:var(--color-text-primary);border:1px solid var(--color-border)}.btn--secondary:hover{border-color:var(--color-accent);color:var(--color-accent)}.btn--danger{background:#ef444426;color:var(--color-danger);border:1px solid rgba(239,68,68,.3)}.btn--danger:hover{background:#ef444440}.btn--sm{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn--lg{padding:var(--space-3) var(--space-8);font-size:var(--text-base)}.error-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) var(--space-5);background:#ef444414;border:1px solid rgba(239,68,68,.25);border-left:3px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);font-size:var(--text-sm)}.error-banner__left{display:flex;align-items:center;gap:var(--space-3)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.modal{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-elevated);padding:var(--space-8);width:100%;max-width:440px;margin:var(--space-6)}.modal__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);margin-bottom:var(--space-3)}.modal__message{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.6;margin-bottom:var(--space-8)}.modal__actions{display:flex;gap:var(--space-3);justify-content:flex-end}.spinner-center{display:flex;align-items:center;justify-content:center;padding:var(--space-10)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-10);gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);text-align:center}.health-strip{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}.health-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-secondary);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:4px 12px}.horizon-selector{display:flex;gap:var(--space-2);flex-wrap:wrap}.horizon-btn{padding:var(--space-1) var(--space-4);border-radius:var(--radius-pill);font-size:var(--text-sm);font-weight:var(--weight-semibold);border:1px solid var(--color-border);color:var(--color-text-secondary);transition:all var(--transition-fast)}.horizon-btn:hover{border-color:var(--color-text-secondary);color:var(--color-text-primary)}.horizon-btn--h1.active{background:#4f6ef72e;border-color:var(--color-h1);color:var(--color-h1)}.horizon-btn--h3.active{background:#a855f72e;border-color:var(--color-h3);color:var(--color-h3)}.horizon-btn--h6.active{background:#f59e0b2e;border-color:var(--color-h6);color:var(--color-h6)}.horizon-btn--h12.active{background:#22c55e2e;border-color:var(--color-h12);color:var(--color-h12)}.plot-tabs{display:flex;gap:0;border-bottom:1px solid var(--color-border);margin-bottom:var(--space-5)}.plot-tab{padding:var(--space-2) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted);border-bottom:2px solid transparent;margin-bottom:-1px;transition:all var(--transition-fast)}.plot-tab:hover{color:var(--color-text-primary)}.plot-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.result-panel{background:#22c55e0f;border:1px solid rgba(34,197,94,.2);border-left:3px solid var(--color-success);border-radius:var(--radius-md);padding:var(--space-5)}.result-panel__title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-success);margin-bottom:var(--space-4)}.result-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--space-3);margin-bottom:var(--space-4)}.result-item{font-size:var(--text-xs)}.result-item__label{color:var(--color-text-muted);margin-bottom:2px;text-transform:uppercase;letter-spacing:.06em}.result-item__value{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-primary);font-weight:var(--weight-medium)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-md)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm);white-space:nowrap}.data-table thead th{position:sticky;top:0;background:var(--color-surface-2);padding:var(--space-2) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition-fast)}.data-table thead th:hover{color:var(--color-text-primary)}.data-table thead th.sorted{color:var(--color-accent)}.data-table thead th.num{text-align:right}.data-table tbody tr{border-bottom:1px solid var(--color-border);transition:background var(--transition-fast)}.data-table tbody tr:last-child{border-bottom:none}.data-table tbody tr:hover{background:var(--color-surface-2)}.data-table tbody td{padding:var(--space-2) var(--space-4);color:var(--color-text-primary)}.data-table tbody td.num{text-align:right;font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-secondary)}.data-table tbody td.null-val{color:var(--color-text-muted);font-family:var(--font-mono)}.data-table th:first-child,.data-table td:first-child{position:sticky;left:0;background:var(--color-surface);z-index:1;border-right:1px solid var(--color-border);font-weight:var(--weight-medium)}.data-table thead th:first-child{background:var(--color-surface-2);z-index:2}.metrics-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.metrics-table th{padding:var(--space-3) var(--space-5);text-align:left;font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.metrics-table td{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border);font-family:var(--font-mono);font-size:var(--text-sm)}.metrics-table tr:last-child td{border-bottom:none}.metrics-table .r2-cell{font-weight:var(--weight-semibold);border-radius:var(--radius-sm);padding:3px 8px;display:inline-block}.metrics-table .r2-good{background:#22c55e1f;color:var(--color-success)}.metrics-table .r2-medium{background:#f59e0b1f;color:var(--color-warning)}.metrics-table .r2-poor{background:#ef44441f;color:var(--color-danger)}.table-filters{display:flex;gap:var(--space-3);align-items:flex-end;flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border-bottom:1px solid var(--color-border)}.filter-field{display:flex;flex-direction:column;gap:var(--space-1)}.filter-field label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);letter-spacing:.06em;text-transform:uppercase}.filter-input{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);width:140px;transition:border-color var(--transition-fast)}.filter-input:focus{outline:none;border-color:var(--color-border-focus)}.filter-input::placeholder{color:var(--color-text-muted)}.sort-arrow{display:inline-block;margin-left:4px;opacity:.6;font-size:10px}.form-section{margin-bottom:var(--space-8)}.form-section__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);margin-bottom:var(--space-4);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border)}.form-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.form-grid--2{grid-template-columns:repeat(2,1fr)}.form-grid--1{grid-template-columns:1fr}@media (max-width: 900px){.form-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.form-grid{grid-template-columns:1fr}}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.form-field__label{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-secondary);display:flex;align-items:center;gap:4px}.form-field__required{color:var(--color-danger);font-size:12px}.form-field__input{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--color-text-primary);width:100%;transition:border-color var(--transition-fast)}.form-field__input:focus{outline:none;border-color:var(--color-border-focus);box-shadow:0 0 0 3px #4f6ef71a}.form-field__input::placeholder{color:var(--color-text-muted)}.form-field__input--error{border-color:var(--color-danger)}.form-field__input--error:focus{border-color:var(--color-danger);box-shadow:0 0 0 3px #ef44441a}.form-field__input:disabled{opacity:.5;cursor:not-allowed}.form-field__error{font-size:var(--text-xs);color:var(--color-danger);margin-top:1px}.form-field__hint{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px;line-height:1.4}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md)}.toggle-row__info{flex:1}.toggle-row__label{font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-primary)}.toggle-row__desc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-switch__track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--transition-base)}.toggle-switch__track:after{content:"";position:absolute;left:3px;top:3px;width:18px;height:18px;background:#fff;border-radius:50%;transition:transform var(--transition-base)}.toggle-switch input:checked+.toggle-switch__track{background:var(--color-accent)}.toggle-switch input:checked+.toggle-switch__track:after{transform:translate(20px)}.accordion__trigger{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-5);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-secondary);transition:all var(--transition-fast);margin-bottom:var(--space-1)}.accordion__trigger:hover{color:var(--color-text-primary);border-color:var(--color-accent)}.accordion__trigger-arrow{transition:transform var(--transition-base);font-size:10px;opacity:.7}.accordion__trigger-arrow--open{transform:rotate(180deg)}.accordion__body{padding:var(--space-5);border:1px solid var(--color-border);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);margin-top:-4px;margin-bottom:var(--space-4)}.form-subgroup{margin-bottom:var(--space-5)}.form-subgroup__title{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.07em;margin-bottom:var(--space-3)}.submit-area{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.elapsed-counter{font-family:var(--font-mono);font-size:var(--text-sm);color:var(--color-text-muted)}