@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg: #0b0e17;--bg-deep: #080b13;--surface: #121725;--surface-raised: #181e2f;--surface-hover: #20283b;--surface-glass: rgba(18, 23, 37, .82);--border: #283147;--border-subtle: rgba(130, 147, 181, .16);--text: #f4f6fc;--text-soft: #c4cce0;--muted: #8490aa;--muted-strong: #9da9c2;--primary: #7b6df6;--primary-bright: #948aff;--primary-soft: rgba(123, 109, 246, .16);--green: #2cc39f;--green-soft: rgba(44, 195, 159, .13);--orange: #f4a154;--orange-soft: rgba(244, 161, 84, .14);--red: #ef7280;--red-soft: rgba(239, 114, 128, .14);--blue: #5f9ee9;--chart-grid: rgba(141, 157, 187, .13);--shadow: 0 18px 46px rgba(0, 0, 0, .24);--topbar-height: 69px;font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}:root[data-theme=light]{color-scheme:light;--bg: #f4f6fb;--bg-deep: #eaedf5;--surface: #ffffff;--surface-raised: #f7f8fc;--surface-hover: #eef1f8;--surface-glass: rgba(255, 255, 255, .84);--border: #dde2ee;--border-subtle: rgba(59, 70, 99, .12);--text: #1b2235;--text-soft: #46516c;--muted: #71809c;--muted-strong: #5e6c87;--primary: #6254e6;--primary-bright: #6e61e8;--primary-soft: rgba(98, 84, 230, .11);--green: #159d7c;--green-soft: rgba(21, 157, 124, .11);--orange: #d9791e;--orange-soft: rgba(217, 121, 30, .11);--red: #d54c61;--red-soft: rgba(213, 76, 97, .1);--blue: #337cc4;--chart-grid: rgba(55, 70, 102, .12);--shadow: 0 18px 46px rgba(45, 56, 87, .1)}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;height:100%}body{background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit}button,select,input[type=checkbox]{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--primary-bright);outline-offset:2px}button,input,select,textarea,.metric-table{font-variant-numeric:tabular-nums}.aggregate-health{color:var(--muted);font-size:12px}.aggregate-health.has-attention{color:var(--orange)}.status-badge.runtime-checking,.status-badge.sync-idle{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 42%,var(--border));background:color-mix(in srgb,var(--blue) 10%,transparent)}.status-badge.runtime-monitoring,.status-badge.sync-success{color:var(--green);border-color:color-mix(in srgb,var(--green) 42%,var(--border));background:var(--green-soft)}.status-badge.runtime-paused{color:var(--muted)}.status-badge.sync-failed{color:var(--red);border-color:color-mix(in srgb,var(--red) 42%,var(--border));background:var(--red-soft)}.sidebar-live.is-offline{color:var(--orange)}.sidebar-live.is-offline .live-dot{background:var(--orange);box-shadow:none}.search-field{display:flex;align-items:center;gap:8px;min-width:min(280px,100%);height:38px;padding:0 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface-raised);color:var(--muted)}.search-field:focus-within{border-color:var(--primary)}.search-field input{min-width:0;width:100%;border:0;outline:0;color:var(--text);background:transparent}.template-filter-bar{margin-bottom:24px}.template-section{display:grid;gap:14px;margin-top:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px}.section-heading h2{margin:0;font-size:18px}.section-heading p{margin:5px 0 0;color:var(--muted);font-size:13px}.section-heading>span{color:var(--muted);font-size:12px}.template-card h3{margin:0;font-size:15px}.template-card .template-description{min-height:20px}.template-meta{display:flex;flex-wrap:wrap;gap:8px 12px;margin:12px 0;color:var(--muted);font-size:11px}.template-card footer.card-actions{display:flex;justify-content:flex-end;gap:6px;padding-top:12px;border-top:1px solid var(--border-subtle)}.template-switch{margin-left:auto;cursor:pointer}.template-switch input{position:absolute;opacity:0}.template-switch span{display:grid;place-items:center;width:30px;height:18px;border:1px solid var(--border);border-radius:999px;color:#fff;background:var(--surface-raised)}.template-switch input:checked+span{justify-items:end;border-color:var(--green);background:var(--green)}.template-preview{max-height:min(60vh,600px);margin:0;padding:16px;overflow:auto;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);background:var(--surface-raised);font-size:13px;line-height:1.7;white-space:pre-wrap}.compare-sample-note{margin:0;color:var(--muted);font-size:12px}.login-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(135deg,#0b0e17,#171738 55%,#0b0e17)}.login-panel{width:min(400px,100%);display:grid;gap:18px;padding:30px;border:1px solid rgba(173,168,255,.23);border-radius:8px;background:#121725f5;box-shadow:0 24px 60px #00000061}.login-brand{display:flex;align-items:center;gap:10px;padding-bottom:9px;border-bottom:1px solid var(--border-subtle)}.login-brand strong{display:block;font-size:15px}.login-brand small{display:block;margin-top:2px;color:var(--muted);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.login-panel header h1{margin:0 0 5px;font-size:21px}.login-panel header p{margin:0;color:var(--muted);font-size:11px}.login-panel>label{display:grid;gap:7px;color:var(--text-soft);font-size:11px;font-weight:700}.login-field{display:flex;align-items:center;gap:9px;padding:0 11px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised);color:var(--muted)}.login-field:focus-within{border-color:var(--primary);color:var(--primary-bright)}.login-field input{width:100%;min-width:0;height:39px;border:0;outline:0;color:var(--text);background:transparent}.login-error{margin:-4px 0 0;color:var(--red);font-size:10px}.login-submit{width:100%;margin-top:2px}.login-loading{color:var(--muted);font-size:12px}.app-shell{display:grid;grid-template-columns:250px minmax(0,1fr);min-height:100vh;background:radial-gradient(800px 500px at 80% -10%,rgba(112,95,242,.11),transparent 62%),var(--bg)}.sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:22px;padding:21px 15px 16px;background:color-mix(in srgb,var(--bg-deep) 92%,transparent);border-right:1px solid var(--border-subtle);z-index:20}.brand{display:flex;align-items:center;gap:10px;padding:3px 5px 11px}.brand-mark{display:grid;place-items:center;width:35px;height:35px;border-radius:11px;background:linear-gradient(135deg,var(--primary-bright),#485bd4);box-shadow:0 6px 20px #6c5ef559;color:#fff}.brand strong{display:block;font-size:14px;font-weight:800;letter-spacing:-.35px}.brand small{display:block;margin-top:1px;font-size:9px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}.icon-button.sidebar-close{display:none;margin-left:auto}.button{border:1px solid transparent;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:37px;padding:0 13px;border-radius:9px;font-size:12px;font-weight:700;transition:transform .15s ease,background .15s ease,border-color .15s ease}.button:not(:disabled):active{transform:translateY(1px)}.button-primary{color:#fff;background:linear-gradient(135deg,var(--primary-bright),var(--primary));box-shadow:0 6px 16px #6e5eee3b}.button-primary:hover{filter:brightness(1.08)}.button-secondary{color:var(--text-soft);background:var(--surface-raised);border-color:var(--border)}.button-secondary:hover{background:var(--surface-hover)}.sidebar-create{width:100%}.sidebar-nav{display:grid;gap:4px}.sidebar-nav button,.sidebar-bottom>button{width:100%;display:flex;align-items:center;gap:11px;border:0;background:transparent;padding:10px 11px;border-radius:9px;color:var(--muted-strong);font-size:12px;font-weight:600;text-align:left;transition:.15s ease}.sidebar-nav button:hover,.sidebar-bottom>button:hover{background:var(--surface-raised);color:var(--text)}.sidebar-nav button.is-active,.sidebar-bottom>button.is-active{color:#fff;background:linear-gradient(90deg,#7568f63d,#7568f614);box-shadow:inset 2px 0 var(--primary-bright)}:root[data-theme=light] .sidebar-nav button.is-active,:root[data-theme=light] .sidebar-bottom>button.is-active{color:var(--primary)}.sidebar-bottom{margin-top:auto;display:grid;gap:13px}.sidebar-live{display:flex;align-items:center;gap:8px;padding:10px 11px 2px;color:var(--muted);font-size:10px}.live-dot{width:7px;height:7px;display:inline-block;flex:0 0 auto;background:var(--green);border-radius:50%;box-shadow:0 0 0 4px var(--green-soft);animation:subtle-pulse 2.5s infinite}@keyframes subtle-pulse{50%{box-shadow:0 0 0 7px transparent}}.main-content{min-width:0;height:100vh;display:flex;flex-direction:column}.topbar{position:relative;z-index:60;min-height:var(--topbar-height);display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 38px;border-bottom:1px solid var(--border-subtle);background:var(--surface-glass);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:14px}.topbar-section{display:block;font-size:12px;font-weight:800}.topbar-subtitle{display:block;margin-top:2px;font-size:10px;color:var(--muted)}.icon-button.mobile-menu{display:none}.icon-button{display:inline-grid;place-items:center;flex:0 0 auto;width:32px;height:32px;padding:0;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);background:var(--surface-raised);transition:.15s ease}.icon-button:hover:not(:disabled){color:var(--text);background:var(--surface-hover);border-color:color-mix(in srgb,var(--border) 40%,var(--primary))}.icon-button.quiet{width:28px;height:28px;background:transparent;border-color:transparent;color:var(--muted)}.icon-button.quiet:hover{background:var(--surface-hover)}.danger-button:hover:not(:disabled){color:var(--red);border-color:#ef728059;background:var(--red-soft)}.notification-anchor,.notification-button{position:relative}.notification-button.is-open{color:var(--primary-bright);border-color:var(--primary);background:var(--primary-soft)}.notification-indicator{position:absolute;top:3px;right:3px;min-width:6px;height:6px;display:grid;place-items:center;border:1px solid var(--surface-raised);border-radius:999px;background:transparent;color:#fff;font-family:DM Mono,monospace;font-size:7px;line-height:1}.notification-indicator.is-live{background:var(--green)}.notification-indicator.has-unread{min-width:14px;height:14px;padding:0 3px;border-color:var(--surface);background:var(--red)}.notification-panel{position:absolute;top:calc(100% + 10px);right:0;width:min(360px,calc(100vw - 26px));overflow:hidden;border:1px solid var(--border);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.notification-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;border-bottom:1px solid var(--border-subtle)}.notification-panel-header>div{display:grid;gap:2px}.notification-panel-header strong{color:var(--text);font-size:12px}.notification-panel-header small{color:var(--muted);font-size:9px}.notification-read-button{display:inline-flex;align-items:center;gap:5px;border:0;padding:4px 0;color:var(--primary-bright);background:transparent;font-size:10px;font-weight:700}.notification-read-button:hover{color:var(--text)}.notification-state{display:grid;place-items:center;min-height:110px;padding:16px;color:var(--muted);font-size:10px;text-align:center}.notification-error{gap:8px;color:var(--red)}.notification-error button{border:0;color:inherit;background:transparent;font-size:10px;font-weight:800;text-decoration:underline}.notification-list{display:grid;max-height:min(440px,calc(100vh - 150px));overflow:auto;margin:0;padding:0;list-style:none}.notification-list li{display:flex;gap:10px;padding:12px 14px;border-bottom:1px solid var(--border-subtle)}.notification-list li:last-child{border-bottom:0}.notification-list li:hover{background:var(--surface-raised)}.notification-icon{display:grid;place-items:center;width:22px;height:22px;flex:0 0 auto;border-radius:50%}.notification-success .notification-icon{color:var(--green);background:var(--green-soft)}.notification-failure .notification-icon{color:var(--red);background:var(--red-soft)}.notification-list li>div{min-width:0;display:grid;gap:3px}.notification-list strong{overflow:hidden;color:var(--text-soft);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.notification-list p{overflow:hidden;margin:0;color:var(--muted);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.notification-list small{color:var(--muted);font-size:8px}.time-range{display:flex;align-items:center;gap:8px;padding:0 4px 0 10px;min-height:33px;border:1px solid var(--border);border-radius:8px;color:var(--muted);background:var(--surface-raised);font-size:10px}.time-range select{border:0;outline:0;color:var(--text-soft);background:transparent;font-size:11px;font-weight:700}.content-scroll{flex:1;overflow:auto;padding:35px 38px 58px}.page{width:min(1440px,100%);margin:0 auto;animation:page-in .2s ease-out}@keyframes page-in{0%{opacity:.4;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.page-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:27px}.page-heading h1{margin:4px 0 6px;font-size:clamp(25px,2.2vw,31px);line-height:1.13;letter-spacing:-1.25px}.page-heading p{max-width:640px;margin:0;color:var(--muted);font-size:12px;line-height:1.65}.eyebrow{display:flex;align-items:center;gap:6px;color:var(--primary-bright);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.heading-actions{display:flex;align-items:center;gap:12px}.segmented-control{display:flex;gap:3px;padding:3px;border:1px solid var(--border);border-radius:9px;background:var(--surface-raised)}.segmented-control button{display:inline-flex;gap:5px;align-items:center;min-height:29px;border:0;border-radius:6px;padding:0 10px;background:transparent;color:var(--muted);font-size:11px;font-weight:700}.segmented-control button.is-active{color:var(--text);background:var(--surface-hover);box-shadow:0 1px 3px #00000026}.health-ribbon{display:grid;grid-template-columns:minmax(160px,1.25fr) repeat(4,minmax(104px,.78fr)) auto;margin-bottom:24px;border:1px solid var(--border);border-radius:13px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}.health-ribbon>div{min-height:74px;display:flex;align-items:center;gap:10px;padding:14px 18px;border-right:1px solid var(--border-subtle)}.health-ribbon>div:last-child{border:0}.health-ribbon-primary{background:linear-gradient(105deg,var(--primary-soft),transparent)}.health-ribbon-primary div,.health-ribbon-item{flex-direction:column;align-items:flex-start!important;justify-content:center;gap:2px!important}.health-ribbon span{color:var(--muted);font-size:10px;font-weight:600}.health-ribbon strong{font-size:21px;letter-spacing:-.8px}.health-ribbon-item strong{font-size:19px}.tone-healthy strong{color:var(--green)}.tone-degraded strong{color:var(--orange)}.tone-unstable strong,.tone-down strong{color:var(--red)}.health-ribbon-meta{display:grid!important;align-content:center;gap:2px!important;min-width:138px;white-space:nowrap}.health-ribbon-meta strong{color:var(--primary-bright);font-family:DM Mono,monospace;font-size:16px;letter-spacing:-.5px}.health-ribbon-meta small{overflow:hidden;max-width:150px;color:var(--muted);font-size:9px;text-overflow:ellipsis}.inline-warning{display:flex;gap:8px;align-items:center;margin-bottom:18px;padding:10px 13px;border:1px solid rgba(244,161,84,.35);border-radius:9px;color:var(--orange);background:var(--orange-soft);font-size:11px}.inline-warning button{border:0;color:inherit;background:transparent;font-weight:800;text-decoration:underline}.channel-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(305px,1fr));gap:15px}.channel-card{min-width:0;padding:19px 19px 14px;border:1px solid var(--border);border-radius:14px;background:linear-gradient(150deg,color-mix(in srgb,var(--surface) 97%,var(--primary-soft)),var(--surface));box-shadow:0 8px 22px #00000012;transition:border-color .2s ease,transform .2s ease}.channel-card:hover{border-color:color-mix(in srgb,var(--border) 50%,var(--primary));transform:translateY(-1px)}.channel-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.channel-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:7px}.channel-title-row h2{margin:0;font-size:14px;letter-spacing:-.35px}.channel-card-header p,.config-ident p{margin:5px 0 0;overflow:hidden;color:var(--muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.channel-hierarchy{color:var(--text-soft)!important;font-weight:700;white-space:normal!important}.dashboard-sort{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px;font-weight:700}.dashboard-sort select{width:auto;min-width:132px;height:37px;padding:0 10px}.external-link{color:var(--primary-bright);text-decoration:none}.external-link:hover{text-decoration:underline}.status-badge{display:inline-flex;align-items:center;gap:4px;width:fit-content;border-radius:20px;padding:4px 7px;font-size:9px;font-weight:800;white-space:nowrap}.status-healthy{color:var(--green);background:var(--green-soft)}.status-degraded{color:var(--orange);background:var(--orange-soft)}.status-unstable,.status-down{color:var(--red);background:var(--red-soft)}.status-paused,.status-unknown{color:var(--muted-strong);background:var(--surface-hover)}.channel-primary-metric{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:24px 0 15px}.channel-primary-metric>div{display:grid;gap:3px}.channel-primary-metric span,.quick-metrics span{color:var(--muted);font-size:9px;font-weight:600}.channel-primary-metric strong{font-family:DM Mono,monospace;font-size:25px;letter-spacing:-1.7px}.channel-schedule{min-width:126px;gap:8px!important;text-align:right}.relative-run,.next-run{display:grid;gap:2px}.relative-run strong,.next-run strong{font-family:inherit;color:var(--text-soft);font-size:10px;letter-spacing:0}.next-run strong{color:var(--primary-bright);font-family:DM Mono,monospace;font-size:12px}.next-run span{color:var(--muted-strong)}.quick-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;padding:11px 0 9px;border-top:1px solid var(--border-subtle)}.quick-metrics>div{min-width:0;display:grid;gap:3px}.quick-metrics strong{overflow:hidden;color:var(--text-soft);font-family:DM Mono,monospace;font-size:11px;letter-spacing:-.5px;text-overflow:ellipsis;white-space:nowrap}.metric-caution{color:var(--orange)!important}.metric-chart{min-height:248px}.metric-chart-compact{height:82px;min-height:82px;padding:2px 0}.mini-empty{display:grid;place-items:center;height:82px;color:var(--muted);font-size:10px}.channel-card-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid var(--border-subtle);padding-top:10px}.channel-card-footer>span{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.run-success{color:var(--green)}.run-failed{color:var(--red)}.text-button{display:inline-flex;align-items:center;gap:4px;border:0;background:transparent;color:var(--primary-bright);font-size:10px;font-weight:800;white-space:nowrap}.data-panel{border:1px solid var(--border);border-radius:13px;background:var(--surface);box-shadow:0 8px 24px #0000000b}.panel-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:19px 21px 14px}.panel-heading h2{margin:0 0 4px;font-size:13px;letter-spacing:-.3px}.panel-heading p{margin:0;color:var(--muted);font-size:10px}.panel-heading>span{padding:4px 7px;border-radius:5px;background:var(--surface-raised);color:var(--muted);font-family:DM Mono,monospace;font-size:9px}.professional-dashboard{display:grid;gap:15px}.professional-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.kpi-card{min-height:126px;display:grid;align-content:space-between;gap:7px;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--surface)}.kpi-card>span,.kpi-card small{color:var(--muted);font-size:10px}.kpi-card>strong{font-family:DM Mono,monospace;font-size:22px;letter-spacing:-1.1px}.kpi-good>strong{color:var(--green)}.professional-breakdown{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.9fr);gap:15px}.percentile-panel,.quality-panel{min-width:0}.latency-breakdown{padding:0 21px 16px}.latency-breakdown+.latency-breakdown{border-top:1px solid var(--border-subtle);padding-top:15px}.latency-breakdown header{margin-bottom:9px}.latency-breakdown h3{margin:0;color:var(--text-soft);font-size:10px}.latency-breakdown>div{display:grid;grid-template-columns:repeat(9,minmax(0,1fr));gap:5px}.latency-breakdown>div>span{display:grid;min-width:0;gap:4px;padding:8px 7px;border-radius:6px;background:var(--surface-raised)}.latency-breakdown small,.quality-values small{color:var(--muted);font-size:8px}.latency-breakdown strong{overflow:hidden;color:var(--text-soft);font-family:DM Mono,monospace;font-size:9px;letter-spacing:-.25px;text-overflow:ellipsis;white-space:nowrap}.quality-summary{padding:0 21px 17px}.quality-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.quality-values>div{display:grid;gap:4px;padding:8px 7px;border-radius:6px;background:var(--surface-raised)}.quality-values strong{overflow:hidden;color:var(--text-soft);font-family:DM Mono,monospace;font-size:10px;letter-spacing:-.3px;text-overflow:ellipsis;white-space:nowrap}.quality-good{color:var(--green)!important}.quality-bad{color:var(--red)!important}.metric-distribution{display:grid;gap:6px;margin-top:12px}.metric-distribution>span{color:var(--muted);font-size:9px;font-weight:700}.metric-distribution>div{display:flex;flex-wrap:wrap;gap:5px}.metric-distribution>div>span{display:inline-flex;gap:5px;align-items:center;padding:4px 5px;border:1px solid var(--border-subtle);border-radius:5px;color:var(--text-soft);background:var(--surface-raised)}.metric-distribution code{font-family:DM Mono,monospace;font-size:8px}.metric-distribution strong{color:var(--text);font-family:DM Mono,monospace;font-size:9px}.metric-distribution small{color:var(--muted);font-size:9px}.trend-analysis{overflow:hidden}.trend-channel-select{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:700}.trend-channel-select select{min-width:145px;border:1px solid var(--border);border-radius:6px;padding:5px 7px;color:var(--text-soft);background:var(--surface-raised);font-size:10px}.trend-matrix{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--border-subtle)}.trend-panel{min-width:0;padding:16px 14px 6px;border-right:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.trend-panel:nth-child(3n){border-right:0}.trend-panel:nth-last-child(-n+3){border-bottom:0}.trend-panel h3{margin:0 0 3px;font-size:11px}.trend-panel p{margin:0;color:var(--muted);font-size:9px}.trend-panel .metric-chart{min-height:220px}.metric-table-wrap{overflow-x:auto}.metric-table{width:100%;min-width:1160px;border-collapse:collapse}.metric-table th{padding:10px 13px;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.04em;text-align:right;text-transform:uppercase;white-space:nowrap}.metric-table th:nth-child(1),.metric-table td:nth-child(1),.metric-table th:nth-child(2),.metric-table td:nth-child(2),.metric-table .monitor-time{text-align:left}.metric-table td{padding:12px 13px;border-bottom:1px solid var(--border-subtle);color:var(--text-soft);font-family:DM Mono,monospace;font-size:10px;text-align:right;white-space:nowrap}.metric-table .next-monitor-time{color:var(--primary-bright)}.metric-table td strong{display:block;color:var(--text);font-family:Manrope,sans-serif;font-size:11px}.metric-table td small{display:block;margin-top:3px;overflow:hidden;max-width:140px;color:var(--muted);font-family:Manrope,sans-serif;font-size:9px;text-overflow:ellipsis}.metric-table tbody tr:hover{background:var(--surface-raised)}.professional-charts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.chart-panel{min-width:0}.chart-tooltip{display:grid;gap:4px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:color-mix(in srgb,var(--surface) 95%,transparent);box-shadow:var(--shadow)}.chart-tooltip span{color:var(--muted);font-size:10px}.chart-tooltip strong{color:var(--text);font-family:DM Mono,monospace;font-size:10px}.state-card{min-height:170px;display:flex;align-items:center;justify-content:center;gap:12px;padding:25px;border:1px dashed var(--border);border-radius:13px;background:var(--surface);color:var(--muted);font-size:12px}.loading-state{min-height:330px}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error-state{align-items:flex-start;justify-content:flex-start;color:var(--red)}.error-state div{display:grid;gap:4px}.error-state strong{color:var(--text);font-size:12px}.error-state p{margin:0;color:var(--muted);font-size:11px}.empty-state{min-height:285px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;padding:35px;border:1px dashed var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface) 84%,transparent);text-align:center}.empty-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;color:var(--primary-bright);background:var(--primary-soft)}.empty-state h3{margin:7px 0 4px;font-size:14px}.empty-state p{max-width:450px;margin:0;color:var(--muted);font-size:11px;line-height:1.65}.channel-config-panel{overflow:hidden}.config-list{display:grid}.config-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(150px,.85fr) minmax(130px,.6fr) auto;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.config-row:last-child{border-bottom:0}.config-row:hover{background:var(--surface-raised)}.config-ident{min-width:0;display:flex;align-items:center;gap:11px}.config-mark{display:grid;place-items:center;width:31px;height:31px;border-radius:10px;background:var(--primary-soft);color:var(--primary-bright);font-size:12px;font-weight:800}.config-ident h2{font-size:12px}.config-security{min-width:0;display:flex;align-items:center;gap:6px;color:var(--muted)}.config-security code{overflow:hidden;color:var(--text-soft);font-family:DM Mono,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.config-time{display:grid;gap:2px}.config-time span,.config-time small{color:var(--muted);font-size:9px}.config-time strong{color:var(--text-soft);font-size:10px}.config-actions{display:flex;gap:5px}.config-actions .icon-button{width:29px;height:29px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:20px;background:#04060cad;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:60}.modal{width:min(540px,100%);max-height:min(790px,calc(100vh - 40px));overflow:auto;border:1px solid var(--border);border-radius:15px;background:var(--surface);box-shadow:0 28px 80px #0000006e;animation:modal-in .16s ease-out}.modal-wide{width:min(720px,100%)}@keyframes modal-in{0%{opacity:.2;transform:translateY(10px) scale(.99)}to{opacity:1;transform:none}}.modal-header{display:flex;justify-content:space-between;gap:20px;padding:20px 22px 16px;border-bottom:1px solid var(--border-subtle)}.modal-header h2{margin:0 0 5px;font-size:15px;letter-spacing:-.4px}.modal-header p{margin:0;color:var(--muted);font-size:10px;line-height:1.55}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:19px 22px 21px}.form-grid label{display:grid;gap:6px;color:var(--text-soft);font-size:10px;font-weight:700}.form-grid label>span{color:var(--muted-strong)}.form-grid input,.form-grid select,.form-grid textarea,.filter-bar select,.compare-filters select{width:100%;border:1px solid var(--border);border-radius:8px;padding:8px 10px;color:var(--text);outline:0;background:var(--surface-raised);font-size:11px;transition:border-color .15s ease}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--primary)}.form-grid textarea{resize:vertical;line-height:1.5}.form-grid small{color:var(--muted);font-size:9px;font-weight:500;line-height:1.55}.form-span-2{grid-column:span 2}.form-error{grid-column:span 2;padding:9px 10px;border-radius:7px;color:var(--red);background:var(--red-soft);font-size:10px}.form-checks{display:flex;flex-wrap:wrap;gap:13px}.form-grid .checkbox{display:flex;align-items:center;gap:7px;color:var(--text-soft);font-size:10px;font-weight:600}.checkbox input{width:14px;height:14px;accent-color:var(--primary)}.modal-footer{display:flex;justify-content:flex-end;gap:9px;padding-top:5px}.custom-range-form{display:grid;gap:14px;padding:20px 22px 22px}.custom-range-form label{display:grid;gap:6px;color:var(--muted-strong);font-size:10px;font-weight:700}.custom-range-form input{width:100%;border:1px solid var(--border);border-radius:8px;padding:9px 10px;color:var(--text);background:var(--surface-raised);font-size:11px}.custom-range-form .form-error{grid-column:auto}.template-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(275px,1fr));gap:15px}.template-card{display:grid;min-width:0;min-height:245px;grid-template-rows:auto auto 1fr auto;padding:17px;border:1px solid var(--border);border-radius:13px;background:var(--surface)}.template-card header{display:flex;align-items:flex-start;gap:10px}.template-icon{display:grid;place-items:center;width:31px;height:31px;flex:0 0 auto;border-radius:9px;color:var(--primary-bright);background:var(--primary-soft)}.template-card h2{margin:0 0 4px;font-size:13px}.category-chip{display:inline-flex;align-items:center;gap:3px;color:var(--muted);font-size:9px}.card-actions{display:flex;gap:4px;margin-left:auto}.card-actions .icon-button{width:28px;height:28px}.template-description{margin:13px 0 0;color:var(--muted);font-size:10px;line-height:1.55}.template-card pre{max-height:112px;overflow:auto;margin:13px 0;padding:10px;border:1px solid var(--border-subtle);border-radius:7px;color:var(--text-soft);background:var(--bg-deep);font-family:DM Mono,monospace;font-size:9px;line-height:1.6;white-space:pre-wrap}.template-card footer{color:var(--muted);font-size:9px}.filter-bar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin-bottom:15px;padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--surface);color:var(--muted)}.filter-bar select{width:auto;min-width:130px;padding:7px 9px;font-size:10px}.filter-total{margin-left:auto;color:var(--muted);font-size:10px}.history-panel{overflow:hidden}.history-table-wrap{overflow-x:auto}.history-table{width:100%;min-width:970px;border-collapse:collapse}.history-table th{padding:10px 13px;border-bottom:1px solid var(--border-subtle);color:var(--muted);font-size:9px;text-align:left;text-transform:uppercase}.history-table td{padding:12px 13px;border-bottom:1px solid var(--border-subtle);color:var(--text-soft);font-family:DM Mono,monospace;font-size:10px;vertical-align:top}.history-table td strong{display:block;color:var(--text-soft);font-family:Manrope,sans-serif;font-size:10px}.history-table td small{display:block;margin-top:3px;color:var(--muted);font-family:Manrope,sans-serif;font-size:9px}.history-table tbody tr:hover{background:var(--surface-raised)}.history-table .failed-row{background:color-mix(in srgb,var(--red-soft) 27%,transparent)}.result-pill{display:inline-block;border-radius:4px;padding:3px 5px;font-family:Manrope,sans-serif;font-size:9px;font-weight:800}.result-ok{color:var(--green);background:var(--green-soft)}.result-error{color:var(--red);background:var(--red-soft)}.error-message{max-width:150px;overflow:hidden;color:var(--red)!important;text-overflow:ellipsis;white-space:nowrap}.table-pagination{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;color:var(--muted);font-size:10px}.table-pagination div{display:flex;gap:5px}.table-pagination .icon-button{width:29px;height:29px}.run-detail{padding:18px 22px 23px}.run-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.run-detail-grid>div{display:grid;gap:4px;padding:10px;border-radius:8px;background:var(--surface-raised)}.run-detail-grid span,.prompt-record>span,.run-error strong{color:var(--muted);font-size:9px}.run-detail-grid strong{color:var(--text-soft);font-family:DM Mono,monospace;font-size:11px}.run-error{margin-top:15px;padding:11px;border-radius:8px;color:var(--red);background:var(--red-soft)}.run-error p{margin:5px 0 0;font-size:10px;line-height:1.5}.prompt-record{display:grid;gap:8px;margin-top:15px}.prompt-record>span{display:flex;align-items:center;gap:5px}.prompt-record pre{max-height:260px;overflow:auto;margin:0;padding:12px;border:1px solid var(--border);border-radius:8px;color:var(--text-soft);background:var(--bg-deep);font-family:DM Mono,monospace;font-size:10px;line-height:1.6;white-space:pre-wrap}.compare-controls{margin-bottom:15px;overflow:hidden}.compare-select-list{display:flex;gap:8px;overflow:auto;padding:14px 15px;border-bottom:1px solid var(--border-subtle)}.compare-select{min-width:155px;display:flex;align-items:center;gap:8px;padding:9px;border:1px solid var(--border);border-radius:9px;color:var(--text-soft);background:var(--surface-raised);text-align:left}.compare-select:hover{border-color:var(--primary)}.compare-select.selected{border-color:var(--primary);background:var(--primary-soft)}.compare-check{display:grid;place-items:center;width:18px;height:18px;flex:0 0 auto;border:1px solid var(--border);border-radius:5px;color:#fff;background:transparent}.compare-select.selected .compare-check{border-color:var(--primary);background:var(--primary)}.compare-select>span:nth-child(2){min-width:0;flex:1}.compare-select strong,.compare-select small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.compare-select strong{font-size:10px}.compare-select small{margin-top:2px;color:var(--muted);font-size:9px}.compare-select .status-badge{padding:3px;font-size:0}.compare-filters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:11px 15px}.compare-filters label{display:flex;align-items:center;gap:7px;color:var(--muted);font-size:10px}.compare-filters select{width:auto;min-width:130px;padding:6px 8px;font-size:10px}.compare-filters>span{margin-left:auto;color:var(--muted);font-size:10px}.compare-results{display:grid;gap:15px}.compare-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.comparison-chart{padding:0 10px 10px}.rank-pill{display:inline-grid;place-items:center;width:21px;height:21px;border-radius:50%;color:var(--primary-bright);background:var(--primary-soft);font-family:DM Mono,monospace;font-size:10px}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.settings-card{padding:18px}.settings-card header{display:flex;gap:10px;color:var(--primary-bright)}.settings-card header h2{margin:0 0 4px;color:var(--text);font-size:13px}.settings-card header p{margin:0;color:var(--muted);font-size:10px}.settings-values{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:19px 0 14px}.settings-values div{display:grid;gap:5px;padding:10px;border-radius:8px;background:var(--surface-raised)}.settings-values span{color:var(--muted);font-size:9px}.settings-values strong{color:var(--text-soft);font-size:11px}.settings-card>small{color:var(--muted);font-size:10px;line-height:1.6}.settings-wide{grid-column:span 2}.variable-chip-list,.protocol-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.variable-chip-list code,.protocol-list span{padding:5px 7px;border:1px solid var(--border);border-radius:5px;color:var(--text-soft);background:var(--surface-raised);font-family:DM Mono,monospace;font-size:9px}.protocol-list{margin-bottom:12px}.toast{position:fixed;right:25px;bottom:24px;z-index:80;max-width:min(390px,calc(100vw - 38px));padding:11px 14px;border:1px solid var(--border);border-radius:9px;background:var(--surface);box-shadow:var(--shadow);font-size:11px;font-weight:700;animation:toast-in .2s ease-out}.toast-success{color:var(--green);border-color:color-mix(in srgb,var(--green) 38%,var(--border))}.toast-error{color:var(--red);border-color:color-mix(in srgb,var(--red) 38%,var(--border))}@keyframes toast-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media(max-width:1180px){.health-ribbon{grid-template-columns:repeat(3,minmax(0,1fr))}.health-ribbon-primary{grid-column:span 3}.config-row{grid-template-columns:minmax(210px,1.4fr) minmax(130px,.8fr) auto}.config-time{display:none}.professional-kpis{grid-template-columns:repeat(2,1fr)}.professional-breakdown{grid-template-columns:1fr}.topbar{padding:0 26px}.content-scroll{padding:29px 26px 45px}}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;top:var(--topbar-height);left:0;width:250px;height:calc(100vh - var(--topbar-height));transform:translate(-105%);box-shadow:var(--shadow);transition:transform .22s ease;z-index:50}.sidebar.sidebar-open{transform:translate(0)}.icon-button.sidebar-close,.icon-button.mobile-menu{display:inline-grid}.sidebar-scrim{position:fixed;inset:var(--topbar-height) 0 0;z-index:40;border:0;background:#00000073}.main-content{min-height:100vh}.professional-charts,.compare-chart-grid{grid-template-columns:1fr}.trend-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-panel:nth-child(3n){border-right:1px solid var(--border-subtle)}.trend-panel:nth-child(2n){border-right:0}.trend-panel:nth-last-child(-n+3){border-bottom:1px solid var(--border-subtle)}.trend-panel:nth-last-child(-n+1){border-bottom:0}.topbar{padding:0 20px}.content-scroll{padding:26px 20px 42px}}@media(max-width:680px){:root{--topbar-height: 62px}.topbar-subtitle,.time-range>span{display:none}.topbar-actions{gap:7px}.time-range{padding-left:5px}.page-heading{align-items:flex-start;flex-direction:column;gap:15px}.heading-actions{width:100%;justify-content:space-between}.health-ribbon{grid-template-columns:1fr 1fr}.health-ribbon-primary,.health-ribbon-meta{grid-column:span 2}.health-ribbon>div{min-height:63px;padding:12px 14px}.health-ribbon-item:nth-child(3){border-right:0}.channel-card-grid{grid-template-columns:1fr}.professional-kpis{grid-template-columns:1fr 1fr}.kpi-card{min-height:105px;padding:13px}.kpi-card>strong{font-size:17px}.latency-breakdown>div{grid-template-columns:repeat(3,minmax(0,1fr))}.quality-values{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-matrix{grid-template-columns:1fr}.trend-panel,.trend-panel:nth-child(3n){border-right:0}.trend-panel:nth-last-child(-n+3){border-bottom:1px solid var(--border-subtle)}.trend-panel:last-child{border-bottom:0}.settings-grid{grid-template-columns:1fr}.settings-wide{grid-column:span 1}.settings-values{grid-template-columns:1fr}.modal-backdrop{align-items:end;padding:0}.modal{width:100%;max-height:calc(100vh - 10px);border-radius:15px 15px 0 0}.form-grid{grid-template-columns:1fr;padding:17px}.form-span-2,.form-error{grid-column:span 1}.form-checks{flex-direction:column;gap:9px}.run-detail-grid{grid-template-columns:1fr 1fr}.filter-total{width:100%;margin-left:0}.compare-filters>span{width:100%;margin-left:0}.page-heading h1{font-size:25px}.segmented-control button{padding:0 8px}.heading-actions .button{padding:0 10px}}@media(max-width:430px){.content-scroll{padding:22px 14px 38px}.topbar{padding:0 14px}.topbar-section{font-size:11px}.health-ribbon strong{font-size:17px}.quick-metrics{grid-template-columns:1fr 1fr;row-gap:11px}.channel-card{padding:16px}.professional-kpis{gap:9px}.filter-bar select{flex:1;min-width:120px}.run-detail{padding:15px}}.catalog-tree{display:grid;gap:14px}.catalog-provider{border:1px solid var(--border);border-radius:8px;background:var(--surface);overflow:hidden}.catalog-provider-header,.catalog-group-header,.catalog-channel{display:grid;align-items:center;gap:14px}.catalog-provider-header{grid-template-columns:minmax(260px,1fr) 145px auto;min-height:76px;padding:15px 17px;border-bottom:1px solid var(--border-subtle)}.catalog-ident{min-width:0;display:flex;align-items:flex-start;gap:10px}.catalog-ident h2,.catalog-ident h3,.catalog-ident h4{margin:0;overflow-wrap:anywhere}.catalog-ident h2{font-size:13px}.catalog-ident h3{font-size:12px}.catalog-ident h4{font-size:11px}.catalog-ident p,.catalog-group-header p{margin:4px 0 0;color:var(--muted);font-size:10px;line-height:1.45}.catalog-icon,.channel-mark{display:grid;place-items:center;flex:0 0 auto;width:30px;height:30px;border:1px solid var(--border);border-radius:7px;color:var(--primary-bright);background:var(--primary-soft)}.channel-mark{color:var(--green);background:var(--green-soft);font-family:DM Mono,monospace;font-size:12px;font-weight:700}.catalog-summary,.channel-row-meta{min-width:0;display:grid;gap:3px}.catalog-summary span,.channel-row-meta span{color:var(--muted);font-size:9px}.catalog-summary strong,.channel-row-meta strong{color:var(--text-soft);font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-summary small,.channel-row-meta small{color:var(--muted);font-family:DM Mono,monospace;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-groups{display:grid}.catalog-group{border-bottom:1px solid var(--border-subtle)}.catalog-group:last-child{border-bottom:0}.catalog-group-header{grid-template-columns:minmax(260px,1fr) auto;min-height:54px;padding:11px 17px 11px 57px;background:color-mix(in srgb,var(--surface-raised) 74%,transparent)}.catalog-group-header h3{margin:0}.catalog-group-header .channel-title-row{gap:7px}.catalog-group-content{display:grid}.catalog-empty{display:flex;align-items:center;gap:10px;padding:14px 17px 14px 57px;color:var(--muted);font-size:10px}.catalog-add{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 9px;border:1px dashed color-mix(in srgb,var(--primary) 42%,var(--border));border-radius:7px;color:var(--primary-bright);background:var(--primary-soft);font-size:10px;font-weight:700;white-space:nowrap;cursor:pointer}.catalog-add:hover{border-style:solid;background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface-hover))}.catalog-channel{grid-template-columns:minmax(255px,1fr) 140px 160px auto;min-height:74px;padding:12px 17px 12px 72px;border-top:1px solid var(--border-subtle)}.catalog-channel:hover{background:var(--surface-raised)}.model-token-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:6px}.model-token-list span{max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 5px;border:1px solid var(--border);border-radius:4px;color:var(--text-soft);background:var(--surface-raised);font-family:DM Mono,monospace;font-size:8px}.model-token-list .is-paused{opacity:.45;text-decoration:line-through}.small-state{padding:3px 5px;border:1px solid var(--border);border-radius:4px;color:var(--muted);font-size:8px}.small-state.is-enabled{color:var(--green);border-color:color-mix(in srgb,var(--green) 42%,var(--border))}.availability-state{display:inline-flex;align-items:center;max-width:100%;padding:3px 5px;border:1px solid var(--border);border-radius:4px;font-size:8px;font-weight:700;line-height:1.3;white-space:nowrap}.availability-running{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-soft)}.availability-inherited{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));background:var(--orange-soft)}.availability-self-paused{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--border));background:var(--red-soft)}.balance-sync-success{color:var(--green)!important}.balance-sync-attention{color:var(--orange)!important}.catalog-unassigned{border-style:dashed}.catalog-unassigned .catalog-provider-header{grid-template-columns:1fr}.channel-detail{display:grid;gap:20px;padding:17px 20px 24px}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:15px;border-bottom:1px solid var(--border-subtle)}.detail-toolbar>div{display:grid;gap:3px}.detail-toolbar span,.detail-toolbar small{color:var(--muted);font-size:9px}.detail-toolbar strong{font-size:11px}.detail-section{display:grid;gap:10px}.detail-section+.detail-section{padding-top:18px;border-top:1px solid var(--border-subtle)}.model-detail-table td{vertical-align:top}.model-detail-table td>small{display:block;max-width:190px;margin-top:4px;color:var(--muted);font-size:8px;line-height:1.35;overflow-wrap:anywhere}.multiplier-state,.grade-chip{display:inline-flex;align-items:center;width:max-content;max-width:100%;padding:4px 6px;border:1px solid var(--border);border-radius:4px;color:var(--text-soft);background:var(--surface-raised);font-family:DM Mono,monospace;font-size:8px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.multiplier-success,.multiplier-available{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-soft)}.multiplier-partial{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));background:var(--orange-soft)}.multiplier-failed,.multiplier-unavailable,.multiplier-stale{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--border));background:var(--red-soft)}.grade-S,.grade-A{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-soft)}.grade-B{color:var(--blue);border-color:color-mix(in srgb,var(--blue) 40%,var(--border))}.grade-C{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));background:var(--orange-soft)}.grade-D{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--border));background:var(--red-soft)}.grade-数据不足,.grade-待评级{color:var(--muted)}.manual-multiplier-form{display:grid;grid-template-columns:minmax(160px,1.2fr) repeat(4,minmax(120px,1fr)) auto auto;align-items:end;gap:9px;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface-raised)}.manual-multiplier-form>div{display:grid;gap:3px}.manual-multiplier-form strong{font-size:10px}.manual-multiplier-form small{color:var(--muted);font-size:8px;line-height:1.4}.manual-multiplier-form label{display:grid;gap:5px;color:var(--muted);font-size:9px}.manual-multiplier-form input{width:100%;min-width:0}.model-assessment{display:grid;gap:11px;padding:13px 0;border-top:1px solid var(--border-subtle)}.model-assessment:first-of-type{border-top:0}.model-assessment header{display:grid;gap:8px}.model-assessment header>div:first-child{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.model-assessment header strong{font-size:11px}.model-assessment header small{color:var(--muted);font-size:9px}.assessment-metrics{display:flex;flex-wrap:wrap;gap:6px}.assessment-metrics span{padding:4px 6px;border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-soft);font-family:DM Mono,monospace;font-size:8px;line-height:1.4}.rating-explanations{display:grid;grid-template-columns:.8fr 1.4fr 1.4fr;gap:9px}.rating-explanations>div{display:grid;align-content:start;gap:5px;padding:9px;background:var(--surface-raised)}.rating-explanations span{color:var(--muted);font-size:8px}.rating-explanations small{color:var(--text-soft);font-size:9px;line-height:1.45}.deduction-list small{color:var(--orange)}.probe-history{display:grid}.probe-history>div{display:grid;grid-template-columns:86px 130px minmax(140px,1fr);align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--border-subtle)}.probe-history>div:first-child{border-top:0}.probe-history strong{font-size:10px}.probe-history small,.probe-history p{margin:0;color:var(--muted);font-size:9px;overflow-wrap:anywhere}.probe-history p{grid-column:2 / -1;color:var(--text-soft)}.comparison-best-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:15px 0}.best-pick{display:grid;gap:5px;min-width:0;padding:12px;border:1px solid var(--border);border-radius:7px;background:var(--surface)}.best-pick>span,.best-pick small{color:var(--muted);font-size:9px}.best-pick strong{color:var(--primary-bright);font-size:16px}.best-pick small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.model-compare-filters{padding:13px 15px}.model-compare-filters label{min-width:132px}.model-compare-filters select{max-width:200px}.rating-config-panel{margin-top:15px;padding:18px}.rating-config-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:17px}.rating-config-grid section{min-width:0}.rating-config-grid h3{margin:0 0 10px;color:var(--text-soft);font-size:11px}.rating-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.grade-range-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.rating-field-grid label{display:grid;gap:5px;min-width:0;color:var(--muted);font-size:9px}.rating-field-grid input{width:100%;min-width:0}.rating-config-panel footer{display:flex;justify-content:space-between;gap:15px;margin-top:17px;padding-top:13px;border-top:1px solid var(--border-subtle);color:var(--muted);font-size:9px;line-height:1.5}.rating-config-panel footer small{max-width:720px}@media(max-width:1180px){.catalog-provider-header{grid-template-columns:minmax(240px,1fr) auto}.catalog-provider-header .catalog-summary{display:none}.catalog-channel{grid-template-columns:minmax(220px,1fr) 130px 145px auto}.catalog-channel .config-actions{flex-wrap:wrap;max-width:67px}.manual-multiplier-form{grid-template-columns:repeat(3,minmax(0,1fr))}.manual-multiplier-form>div{grid-column:span 3}.rating-explanations{grid-template-columns:1fr 1fr}.rating-explanations>div:first-child{grid-column:span 2}.comparison-best-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.catalog-provider-header,.catalog-group-header,.catalog-channel{grid-template-columns:1fr;align-items:start}.catalog-provider-header{padding:14px}.catalog-group-header{padding:11px 14px 11px 28px}.catalog-channel{padding:12px 14px 12px 40px}.catalog-provider-header .config-actions,.catalog-group-header .config-actions,.catalog-channel .config-actions{max-width:none;justify-content:flex-start}.channel-row-meta{display:grid}.manual-multiplier-form{grid-template-columns:1fr 1fr}.manual-multiplier-form>div{grid-column:span 2}.rating-explanations,.rating-explanations>div:first-child{grid-template-columns:1fr;grid-column:span 1}.probe-history>div{grid-template-columns:1fr 1fr}.probe-history p{grid-column:span 2}.rating-config-grid{grid-template-columns:1fr}.grade-range-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.rating-config-panel footer{flex-direction:column}.comparison-best-list{grid-template-columns:1fr 1fr}.model-compare-filters label,.model-compare-filters select{min-width:0;max-width:none;width:100%}}.quick-add-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;margin:-8px 0 22px;padding:12px 14px;border:1px dashed color-mix(in srgb,var(--primary) 42%,var(--border));border-radius:10px;background:color-mix(in srgb,var(--primary-soft) 55%,var(--surface))}.quick-add-label{display:inline-flex;align-items:center;gap:6px;color:var(--primary-bright);font-size:11px;font-weight:800;white-space:nowrap}.quick-add-bar input{width:100%;min-width:0}.quick-add-error{grid-column:1 / -1;margin:0}.catalog-select{display:grid;place-items:center;width:22px}.catalog-select input{width:15px;height:15px;accent-color:var(--primary)}.catalog-provider-header{grid-template-columns:22px minmax(260px,1fr) 145px auto}.catalog-group-header{grid-template-columns:22px minmax(260px,1fr) auto;padding-left:17px}.catalog-channel{grid-template-columns:22px minmax(255px,1fr) 140px 160px auto;padding-left:17px}.catalog-channel.is-selected{background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface))}.balance-chip{display:inline-flex;align-items:center;padding:3px 6px;border:1px solid var(--border);border-radius:4px;font-size:8px;font-weight:700}.balance-ok{color:var(--green);border-color:color-mix(in srgb,var(--green) 40%,var(--border));background:var(--green-soft)}.balance-low,.balance-stale{color:var(--orange);border-color:color-mix(in srgb,var(--orange) 40%,var(--border));background:var(--orange-soft)}.balance-critical,.balance-fetch_failed{color:var(--red);border-color:color-mix(in srgb,var(--red) 40%,var(--border));background:var(--red-soft)}.balance-unknown{color:var(--muted)}.batch-toolbar{position:sticky;bottom:16px;z-index:20;display:flex;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow)}.batch-toolbar strong{font-size:12px}.batch-toolbar span{color:var(--muted);font-size:10px}.batch-confirm{display:grid;gap:12px;padding:18px 22px 21px}.batch-confirm p{margin:0;color:var(--text-soft);font-size:13px}.provider-balance-board{margin-bottom:22px;padding:16px 18px 14px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.provider-balance-board .panel-heading{display:flex;justify-content:space-between;gap:16px;align-items:end;margin-bottom:12px}.provider-balance-board h2{margin:0 0 4px;font-size:14px}.provider-balance-board p{margin:0;color:var(--muted);font-size:11px;max-width:620px}.balance-threshold{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:10px}.balance-threshold-input{display:inline-flex;align-items:center;gap:4px;color:var(--text-soft);font-weight:700}.balance-threshold input{width:88px}.provider-balance-table td small{display:block;margin-top:3px;color:var(--muted);font-size:9px}.provider-balance-table tr.is-low-balance td:first-child strong{color:var(--orange)}.provider-balance-footnote{display:block;margin-top:8px;color:var(--muted);font-size:10px}@media(max-width:1180px){.catalog-provider-header{grid-template-columns:22px minmax(240px,1fr) auto}.catalog-channel{grid-template-columns:22px minmax(220px,1fr) 130px 145px auto}}@media(max-width:900px){.quick-add-bar,.provider-balance-board .panel-heading,.batch-toolbar{grid-template-columns:1fr;flex-wrap:wrap}}@media(max-width:720px){.catalog-provider-header,.catalog-group-header,.catalog-channel{grid-template-columns:22px 1fr}.catalog-channel,.catalog-group-header{padding-left:14px}}