:root{color:#1e2b3a;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#1e2b3a;--muted:#7c8998;--line:#e5eaf0;--paper:#fff;--canvas:#f6f8fb;--navy:#172534;--teal:#0d927d;--teal-soft:#e6f6f2;--coral:#e17c61;--field-bg:#fff;--field-ink:#425461;--soft-panel:#fbfcfd;--hover-bg:#f6f9fb;--mono:"SFMono-Regular", ui-monospace, Consolas, monospace;background:#f6f8fb;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,sans-serif}:root[data-theme=dark]{color:#d8e2ea;--ink:#e5edf4;--muted:#90a0ad;--line:#283746;--paper:#151f2b;--canvas:#0f1621;--navy:#0b1119;--teal:#37c6ac;--teal-soft:#37c6ac24;--coral:#e17c61;--field-bg:#111a24;--field-ink:#dce6ee;--soft-panel:#121c27;--hover-bg:#1b2835;background:#0f1621}*{box-sizing:border-box}body{background:var(--canvas);min-width:320px;margin:0}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}input,select,textarea{outline:none}#root{min-height:100vh}.app-shell{background:var(--canvas);min-height:100vh;display:flex}.sidebar{z-index:10;color:#e7edf2;background:var(--navy);flex-direction:column;width:250px;height:100vh;padding:28px 16px 18px;transition:width .18s,padding .18s;display:flex;position:fixed}.brand{align-items:center;gap:11px;min-height:32px;padding:0 44px 0 11px;display:flex}.brand-mark{color:#fff;background:var(--coral);border-radius:9px;flex:none;place-items:center;width:32px;height:32px;font-size:18px;font-weight:800;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.2px;font-size:15px}.brand span{font-family:var(--mono);color:#92a1b0;letter-spacing:.4px;text-transform:uppercase;margin-top:2px;font-size:9px}.sidebar-collapse-button{color:#9fb0bf;background:#ffffff08;border:1px solid #2c4050;border-radius:7px;flex:none;place-items:center;width:30px;height:30px;padding:0;transition:all .16s;display:inline-grid;position:absolute;top:29px;right:16px}.sidebar-collapse-button:hover{color:#f4f8fb;background:#223546;border-color:#496173}.eyebrow,.section-label{font-family:var(--mono);letter-spacing:1.2px;color:var(--muted);font-size:10px;font-weight:500;display:block}.sidebar .eyebrow{color:#748595;padding:0 11px}.nav-list{gap:5px;margin-top:32px;display:grid}.provider-nav-section{gap:3px;display:grid}.provider-nav-toggle{color:#748595;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:7px;width:calc(100% - 30px);min-height:28px;margin-left:30px;padding:5px 8px;font-size:10px;transition:all .16s;display:flex}.provider-nav-toggle:hover{color:#d8e2ea;background:#1f3140}.provider-nav-toggle .icon{transition:transform .16s;transform:rotate(90deg)}.provider-nav-section.is-collapsed .provider-nav-toggle .icon{transform:rotate(0)}.provider-nav-toggle span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-nav-groups{border-left:1px solid #314252;gap:3px;margin:-1px 0 8px 30px;padding:4px 0 6px 10px;display:grid}.nav-item{color:#92a2b2;text-align:left;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:12px;transition:all .16s;display:flex}.nav-item:hover{color:#f1f5f7;background:#223546}.nav-item.active{color:#f8fffd;background:#2b4854;box-shadow:inset 3px 0 #e18266}.nav-item span{flex:1}.nav-item small{color:#8193a2}.nav-item.active small{color:#b0ded5}.nav-item .nav-chevron{color:#78909f;flex:none;transition:transform .16s;display:inline-flex}.nav-item .nav-chevron.expanded{transform:rotate(90deg)}.provider-nav-item{color:#8495a5;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:29px;padding:5px 7px;font-size:10px;transition:all .16s;display:flex}.provider-nav-item:hover,.provider-nav-item.active{color:#f1f5f7;background:#223546}.provider-nav-item.active{box-shadow:inset 2px 0 #e18266}.provider-nav-item span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.provider-nav-item small{color:#708291;font-family:var(--mono);font-size:9px}.provider-nav-mark{border-radius:50%;flex:none;width:7px;height:7px;display:inline-block}.provider-nav-mark.grok-mark{border:1px solid #172534bf;width:9px;height:9px;box-shadow:0 0 0 2px #6ee7f92e}.sidebar-bottom{margin-top:auto}.sidebar-footer{font-family:var(--mono);color:#718291;gap:7px;padding:17px 11px 0;font-size:9px;display:flex}.footer-dot{color:#425562}.main-content{width:calc(100% - 250px);min-height:100vh;margin-left:250px;transition:width .18s,margin-left .18s}.sidebar-is-collapsed .sidebar{width:76px;padding:24px 12px 16px}.sidebar-is-collapsed .brand{justify-content:center;padding:0}.sidebar-is-collapsed .brand>div:not(.brand-mark),.sidebar-is-collapsed .brand-mark{display:none}.sidebar-is-collapsed .sidebar-collapse-button{top:27px;right:23px}.sidebar-is-collapsed .nav-list{margin-top:32px}.sidebar-is-collapsed .nav-item{justify-content:center;padding:10px}.sidebar-is-collapsed .nav-item span,.sidebar-is-collapsed .nav-item small,.sidebar-is-collapsed .nav-chevron,.sidebar-is-collapsed .sidebar-footer{display:none}.sidebar-is-collapsed .main-content{width:calc(100% - 76px);margin-left:76px}.topbar{border-bottom:1px solid var(--line);background:#f6f8fbcc;justify-content:space-between;align-items:flex-end;gap:20px;max-width:1360px;min-height:148px;margin:0 auto;padding:37px 54px 30px;display:flex}.breadcrumb{color:#9aa6b2;align-items:center;gap:7px;margin-bottom:12px;font-size:11px;display:flex}.breadcrumb .icon{transform:rotate(0)}.breadcrumb strong{color:#5e6b78;font-weight:600}.topbar h1{color:var(--ink);letter-spacing:-.8px;margin:0;font-size:28px;font-weight:700}.topbar-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.theme-switcher{border:1px solid var(--line);color:#687884;background:var(--paper);border-radius:6px;align-items:center;gap:7px;height:37px;padding:0 9px;display:inline-flex}.import-button{position:relative;overflow:hidden}.import-button input{opacity:0;cursor:pointer;position:absolute;inset:0}.import-button.compact{min-height:31px;padding:0 10px}.route-summary{color:var(--teal);background:var(--teal-soft);align-items:center;gap:7px;font-size:11px;display:inline-flex}.status-dot{background:#aab5bd;border-radius:50%;width:7px;height:7px;display:inline-block}.status-dot.online,.state-label.enabled .status-dot{background:#23b398;box-shadow:0 0 0 3px #23b39821}.status-dot.connecting{background:#e5a235;animation:1.3s ease-in-out infinite blink}.status-dot.offline,.state-label.disabled .status-dot{background:#db8b79}.status-dot.ok{background:#23b398}.status-dot.error{background:#db6f5f}.status-dot.skipped{background:#d6a64a}.page-content{max-width:1360px;margin:0 auto;padding:38px 54px 64px}.button{border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:37px;padding:0 14px;font-size:11px;font-weight:600;transition:all .16s;display:inline-flex}.button-primary{color:#fff;background:var(--teal);box-shadow:0 4px 10px #0d927d29}.button-primary:hover{background:#087f6d;transform:translateY(-1px)}.button-secondary{color:#53616e;border-color:var(--line);background:#fff}.button-secondary:hover{background:#fbfcfd;border-color:#cbd6df}.button:disabled{cursor:not-allowed;opacity:.58;transform:none}.text-button{color:#5c7280;background:0 0;border:0}.text-button:hover{color:var(--teal)}.icon-button{color:#7a8995;background:0 0;border:1px solid #0000;border-radius:6px;place-items:center;width:30px;height:30px;padding:0;transition:all .16s;display:inline-grid}.icon-button:hover{color:var(--ink);border-color:var(--line);background:#f6f9fb}.icon-button.subtle{color:#8b9aa5}.icon-button.danger-button:hover{color:#c46152;background:#fff5f2;border-color:#f3d9d2}.accent-button{color:var(--teal);background:#effaf7;border-color:#ccebe5}.accent-eyebrow{color:var(--teal)}.page-intro h2{color:var(--ink);letter-spacing:-.6px;margin:13px 0 8px;font-size:23px}.page-intro p{color:#70818d;max-width:560px;margin:0;font-size:12px;line-height:1.7}.panel,.provider-card{border:1px solid var(--line);background:var(--paper);border-radius:8px}.content-grid{gap:18px;display:grid}.panel{padding:23px 24px}.panel-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-heading h3{color:var(--ink);margin:8px 0 0;font-size:15px;font-weight:700}.panel-caption{color:#a0abb3;font-size:10px}code{font-family:var(--mono);color:#8b98a3;font-size:10px}.text-button{align-items:center;gap:4px;padding:0;font-size:10px;display:inline-flex}.provider-avatar{color:#fff;border-radius:7px;flex:none;place-items:center;width:29px;height:29px;font-size:12px;font-weight:800;display:grid}.provider-avatar.grok-avatar{color:#10222c;letter-spacing:0;font-size:9px;box-shadow:inset 0 0 0 1px #0f172a1f}.provider-avatar.large{border-radius:10px;width:42px;height:42px;font-size:17px}.provider-avatar.large.grok-avatar{font-size:11px}.health-name{flex:1;min-width:0}.health-name strong,.health-name span{display:block}.health-name strong{color:#435361;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.health-name span,.health-model-count{color:#9ba7b0;margin-top:3px;font-size:9px}.health-model-count{text-align:right;min-width:72px}.state-label{color:#8f9ba5;align-items:center;gap:6px;min-width:64px;font-size:9px;display:inline-flex}.state-label.enabled{color:var(--teal)}.page-intro{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:28px;display:flex}.page-intro h2{margin-top:10px}.toolbar{justify-content:space-between;gap:16px;margin-bottom:17px;display:flex}.search-field{border:1px solid var(--line);color:#9aa6af;background:#fff;border-radius:6px;align-items:center;gap:9px;width:min(370px,100%);height:37px;padding:0 12px;display:flex}.search-field:focus-within{border-color:#a6d8d0;box-shadow:0 0 0 3px #0d927d14}.search-field input{width:100%;color:var(--ink);background:0 0;border:0;font-size:11px}.segmented-control{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;padding:3px;display:flex}.segmented-control button{color:#85939e;background:0 0;border:0;border-radius:5px;height:29px;padding:0 11px;font-size:10px}.segmented-control button.selected{color:#3e5e65;background:#edf7f5}.segmented-control span{color:#acb5bb;margin-left:3px}.provider-list{gap:12px;display:grid}.active-filter-bar{color:#6f827f;background:#f1faf8;border:1px solid #d9ebe7;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;margin:-4px 0 16px;padding:11px 13px;font-size:10px;display:flex}.active-filter-bar strong{color:#3e665f}.provider-group{gap:8px;display:grid}.provider-group-heading{justify-content:space-between;align-items:center;gap:16px;padding:4px 2px;display:flex}.provider-group-title{align-items:center;gap:10px;min-width:0;display:flex}.provider-group-title>div:last-child{min-width:0}.provider-group-title h3{color:#435361;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:12px;overflow:hidden}.provider-group-title span{color:#9aa6af;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:9px;display:block;overflow:hidden}.provider-group-count{color:#9aa6af;font-family:var(--mono);flex:none;font-size:9px}.provider-group-actions{flex:none;align-items:center;gap:10px;display:flex}.auth-validation-panel{background:#fff;border:1px solid #dce9ee;border-radius:8px;gap:10px;margin:18px 0 0;padding:13px;display:grid}.auth-validation-summary{justify-content:space-between;align-items:center;gap:14px;display:flex}.auth-validation-summary strong{color:#435361;margin-top:4px;font-size:12px;display:block}.auth-validation-metrics,.auth-validation-results{flex-wrap:wrap;gap:7px;display:flex}.auth-validation-metrics span,.auth-validation-result{color:#60707b;background:#f8fafb;border:1px solid #e6edf1;border-radius:6px;align-items:center;gap:6px;min-height:25px;padding:0 8px;font-size:10px;display:inline-flex}.auth-validation-result code{color:#52616c;font-size:10px}.auth-validation-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.auth-validation-filters{flex-wrap:wrap}.auth-validation-actions,.auth-validation-row-actions{flex-wrap:wrap;align-items:center;gap:7px;display:flex}.danger-action{color:#b95d50;border-color:#f2d8d2}.auth-validation-results{gap:7px;display:grid}.auth-validation-result-row{background:#f8fafb;border:1px solid #e6edf1;border-radius:7px;grid-template-columns:minmax(190px,.95fr) minmax(220px,1.4fr) auto;align-items:flex-start;gap:10px;min-height:48px;padding:9px 10px;display:grid}.auth-validation-result-main{grid-template-columns:10px minmax(0,1fr);align-items:center;gap:8px;min-width:0;display:grid}.auth-validation-result-main strong,.auth-validation-result-main span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.auth-validation-result-main strong{color:#445360;font-size:11px}.auth-validation-result-main span{color:#87949e;margin-top:3px;font-size:9px}.auth-validation-result-detail{flex-wrap:wrap;gap:5px;min-width:0;display:flex}.auth-validation-result-detail span,.auth-validation-result-detail code{color:#5f6f7b;white-space:normal;overflow-wrap:anywhere;background:#fff;border-radius:5px;max-width:100%;padding:3px 6px;font-size:9px;line-height:1.3;overflow:visible}.auth-validation-result-detail .auth-validation-error{font-family:var(--mono);white-space:pre-wrap;flex-basis:100%;padding:6px 8px}.provider-group-list{gap:8px;display:grid}.provider-card{grid-template-columns:auto minmax(260px,1.15fr) minmax(230px,1fr) auto;align-items:center;gap:22px;min-height:119px;padding:20px 21px;display:grid}.provider-card.is-disabled{opacity:.68}.provider-card.is-dragging{opacity:.45}.provider-card-priority{flex:none;align-items:center;gap:11px;display:flex}.provider-card-priority-actions{gap:2px}.provider-card-main{align-items:center;gap:13px;min-width:0;display:flex}.provider-card-copy{min-width:0}.provider-auth-stats{flex-wrap:wrap;gap:5px;margin-top:8px;display:flex}.provider-auth-stats span{color:#64717b;min-height:21px;font-family:var(--mono);background:#f8fafb;border:1px solid #e6edf1;border-radius:5px;padding:3px 6px;font-size:9px;line-height:1.3}.provider-title-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.provider-title-row h3{color:#374956;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:13px;font-weight:700;overflow:hidden}.status-badge{border-radius:10px;padding:3px 7px;font-size:9px}.status-badge.enabled{color:var(--teal);background:var(--teal-soft)}.status-badge.disabled{color:#9aa5ae;background:#f0f2f4}.provider-type{color:#93a0aa;text-overflow:ellipsis;white-space:nowrap;margin-top:7px;font-size:10px;display:block;overflow:hidden}.provider-type i{background:#bdc7cd;border-radius:50%;width:3px;height:3px;margin:0 6px 2px;display:inline-block}.provider-url{color:#96a2ac;align-items:center;gap:5px;margin-top:10px;display:flex;overflow:hidden}.provider-url code{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.provider-models{min-width:0}.section-label{color:#a1adb5}.section-label b{color:#768691;margin-left:4px;font-weight:500}.chip-list{flex-wrap:wrap;gap:5px;margin-top:10px;display:flex}.model-chip{color:#6d7d88;max-width:180px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#fafcfd;border:1px solid #e8edf1;border-radius:4px;align-items:center;padding:5px 7px;font-size:9px;display:inline-flex;overflow:hidden}.muted-copy{color:#acb5bc;font-size:10px}.provider-card-actions{justify-content:flex-end;align-items:center;gap:3px;display:flex}.provider-card.is-reorderable{cursor:grab}.provider-card.is-reorderable:active{cursor:grabbing}.toggle{background:#d9e0e5;border:0;border-radius:20px;width:34px;height:19px;padding:0;transition:all .16s;position:relative}.toggle span{background:#fff;border-radius:50%;width:13px;height:13px;transition:all .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #1e2b3a2e}.toggle.on{background:var(--teal)}.toggle.on span{left:18px}.empty-state{color:#a2afb8;background:#ffffff80;border:1px dashed #d5dee5;border-radius:8px;flex-direction:column;align-items:center;gap:8px;padding:60px 20px;font-size:11px;display:flex}.empty-state strong{color:#667781}.empty-state.small{padding:22px}.routing-grid{grid-template-columns:1.15fr .85fr}.model-alias-panel{grid-column:1/-1;overflow:visible}.priority-list{margin-top:20px}.priority-row,.fallback-row{cursor:grab;border-bottom:1px solid #edf0f3;align-items:center;gap:11px;min-height:62px;transition:background .16s,opacity .16s;display:flex}.priority-row:hover,.fallback-row:hover{background:#fbfcfd}.priority-row:active,.fallback-row:active{cursor:grabbing}.priority-row.is-dragging,.fallback-row.is-dragging{opacity:.45}.priority-drag-handle{color:#a7b2ba;cursor:grab;background:0 0;border:0;flex:none;place-items:center;width:20px;height:28px;padding:0;display:inline-grid}.priority-drag-handle:active{cursor:grabbing}.priority-drag-handle:hover{color:var(--teal)}.priority-row:last-child,.fallback-row:last-child{border-bottom:0}.priority-number,.fallback-index{color:#9aa7b1;width:24px;height:24px;font-family:var(--mono);background:#f3f6f8;border-radius:5px;flex:none;place-items:center;font-size:10px;display:inline-grid}.priority-copy,.fallback-copy{flex:1;min-width:0}.priority-copy strong,.priority-copy span,.fallback-copy strong,.fallback-copy span{display:block}.priority-copy strong,.fallback-copy strong{color:#4b5d69;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:600;overflow:hidden}.priority-copy span,.fallback-copy span{color:#a1adb5;margin-top:3px;font-size:9px}.priority-actions{gap:2px;display:flex}.fallback-add-button{min-height:31px;color:var(--teal);background:#effaf7;border-color:#ccebe5;padding:0 10px}.fallback-add-button:hover{color:#087f6d;background:#e5f7f2;border-color:#a8ddd3}.info-callout{color:#68827f;background:#f0faf7;border-radius:6px;align-items:flex-start;gap:9px;margin-top:19px;padding:12px;font-size:10px;line-height:1.6;display:flex}.info-callout .icon{color:var(--teal);flex:none}.panel-description{color:#93a0aa;margin:19px 0 8px;font-size:10px}.fallback-list{margin-top:12px}.fallback-row{min-height:57px}.fallback-index{width:23px;height:23px;color:var(--teal);background:#edf8f5}.model-catalog{border-top:1px solid #edf0f3;margin-top:22px;padding-top:18px}.model-catalog-group{margin-top:13px}.model-catalog-heading{color:#5c6e78;align-items:center;gap:8px;font-size:10px;display:flex}.model-catalog-heading strong{flex:1;font-weight:600}.model-catalog-heading small{color:#9ba7b0;font-family:var(--mono);font-size:9px}.model-catalog-list,.model-option-list{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.model-catalog-list{max-height:188px;padding-right:3px;overflow-y:auto}.model-pick-button{color:#63737e;max-width:100%;min-height:27px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#fbfcfd;border:1px solid #e1e9ee;border-radius:5px;padding:0 8px;font-size:9px;transition:all .16s;overflow:hidden}.model-pick-button:hover{color:var(--teal);background:#f0faf7;border-color:#bfe5dd}.route-summary{border-radius:18px;padding:8px 11px}.field{margin-top:24px;display:block}.field>span{color:#5d6d79;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.field input,.model-add-row input,.auth-editor textarea{border:1px solid var(--line);color:#425461;background:#fcfdfe;border-radius:6px;width:100%;height:39px;padding:0 11px;font-size:11px}.select-control{border:1px solid var(--line);width:100%;color:var(--field-ink);background:var(--field-bg);border-radius:6px;transition:all .16s;display:block;position:relative}.select-control.open{z-index:25;border-color:#98d3c8;box-shadow:0 0 0 3px #0d927d14}.select-trigger{width:100%;height:37px;color:inherit;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;padding:0 33px 0 11px;font-size:11px;display:flex}.select-trigger .icon{color:#8b9aa5;flex:none;transition:transform .16s;position:absolute;right:11px;transform:rotate(90deg)}.select-control.open .select-trigger .icon{transform:rotate(-90deg)}.select-control.disabled{color:#96a3ad;background:#f1f4f6}.select-value{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-accent{border-radius:50%;flex:none;width:8px;height:8px;display:inline-block}.select-control:focus-within{border-color:#98d3c8;box-shadow:0 0 0 3px #0d927d14}.select-menu{z-index:35;background:var(--paper);border:1px solid #dbe5ea;border-radius:8px;gap:3px;max-height:min(260px,42vh);padding:5px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow-y:auto;box-shadow:0 18px 45px #17253426}.select-option{color:#536672;text-align:left;background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;width:100%;min-height:31px;padding:0 8px;font-size:11px;display:flex}.select-option span:nth-child(2),.select-option>span:first-child:last-child{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.select-option .icon{color:var(--teal);flex:none}.select-option:hover,.select-option.highlighted{color:#2f5f60;background:#f0faf7}.select-option.selected{color:#235a5b;background:#eaf7f4}.mono-select .select-trigger,.mono-select .select-option{font-family:var(--mono);font-size:10px}.compact-select{width:82px;color:inherit;background:0 0;border:0}.compact-select .select-trigger{height:35px;padding:0 18px 0 0;font-weight:600}.compact-select .select-trigger .icon{right:2px}.compact-select .select-menu{min-width:106px}.field input:focus,.model-add-row input:focus,.auth-editor textarea:focus{border-color:#98d3c8;box-shadow:0 0 0 3px #0d927d14}.field small{color:#a1adb5;margin-top:7px;font-size:9px;display:block}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#1725346b;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border:1px solid #e0e8ed;border-radius:10px;width:min(560px,100%);max-height:calc(100vh - 40px);padding:26px;overflow-y:auto;box-shadow:0 22px 70px #15283630}.provider-modal{width:min(980px,100vw - 40px)}.fallback-picker-modal{width:min(720px,100vw - 40px)}.compact-modal{width:min(410px,100%)}.auth-modal{width:min(430px,100%)}.login-overlay{z-index:30;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#172534b8;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.login-panel{background:#fff;border:1px solid #e0e8ed;border-radius:10px;gap:16px;width:min(420px,100%);padding:28px;display:grid;box-shadow:0 24px 80px #0e1c2842}.login-panel h2{color:var(--ink);margin:0;font-size:22px}.login-panel .field{margin-top:0}.modal-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:22px;display:flex}.modal-heading h2{color:var(--ink);margin:9px 0 0;font-size:20px}.modal-heading>.icon-button{color:#a1adb5;font-size:23px}.form-grid{grid-template-columns:1fr 1fr;gap:13px;display:grid}.form-grid .field{margin-top:0}.provider-modal-layout{gap:14px;display:grid}.config-section{background:#fbfcfd;border:1px solid #e4ebf0;border-radius:8px;padding:15px}.config-section-heading{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:13px;display:flex}.config-section-heading h3{color:#40515f;margin:0;font-size:13px;font-weight:700}.config-section .field:first-of-type{margin-top:0}.model-editor{border:1px solid var(--line);background:#fff;border-radius:8px;padding:11px}.auth-editor{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:11px;display:grid}.auth-actions{flex-wrap:wrap;gap:8px;display:flex}.auth-editor textarea{resize:vertical;color:#425461;min-height:150px;font-family:var(--mono);background:#fff;padding:10px 11px;font-size:10px;line-height:1.55}.model-add-row{gap:7px;display:flex}.model-add-row input,.model-add-row input{background:#fff;height:34px}.model-add-row .icon-button,.header-add-row .icon-button,.alias-add-row .icon-button{flex:none;height:34px}.header-editor{border:1px solid var(--line);background:#fff;border-radius:8px;gap:9px;padding:11px;display:grid}.header-add-row,.alias-add-row{align-items:end;gap:7px;display:grid}.header-add-row{grid-template-columns:minmax(160px,.9fr) minmax(220px,1.1fr) auto}.alias-add-row{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto;align-items:center}.alias-add-row .select-control,.alias-row .select-control{width:100%;min-width:0}.alias-add-row .select-trigger,.alias-row .select-trigger{height:auto;min-height:37px;padding:8px 33px 8px 11px}.alias-add-row .select-value,.alias-row .select-value{white-space:nowrap}.alias-add-row .select-menu,.alias-row .select-menu{width:max(100%,min(420px,70vw));min-width:100%;max-width:min(480px,85vw);left:0;right:auto}.alias-add-row .select-option,.alias-row .select-option{align-items:flex-start;height:auto;min-height:34px;padding:8px}.alias-add-row .select-option span:nth-child(2),.alias-add-row .select-option>span:first-child:last-child,.alias-row .select-option span:nth-child(2),.alias-row .select-option>span:first-child:last-child{text-overflow:unset;white-space:normal;overflow-wrap:anywhere;word-break:break-word;line-height:1.35;overflow:visible}.alias-add-row .mono-select .select-trigger,.alias-add-row .mono-select .select-option,.alias-row .mono-select .select-trigger,.alias-row .mono-select .select-option{font-size:11px}.alias-add-row .select-control.open,.alias-row .select-control.open{z-index:40}.header-list,.alias-list{gap:7px;display:grid}.header-row,.alias-row{background:#f8fbfc;border:1px solid #e4ebf0;border-radius:7px;align-items:center;gap:7px;min-height:42px;padding:8px;display:grid}.header-row{grid-template-columns:minmax(160px,.9fr) minmax(220px,1.1fr) auto}.alias-row{grid-template-columns:minmax(220px,1fr) auto minmax(220px,1fr) auto;align-items:center;overflow:visible}.alias-list{overflow:visible}.header-row code,.alias-row code{color:#45596a;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.alias-arrow{color:#91a0aa;text-align:center;font-size:12px}.header-field{gap:5px;min-width:0;display:grid}.header-field>span{color:#5d6d79;font-size:10px;font-weight:600}.header-input{border:1px solid var(--line);color:#425461;background:#fcfdfe;border-radius:6px;width:100%;height:34px;padding:0 11px;font-size:11px;transition:all .16s}.header-input:focus{border-color:#98d3c8;outline:none;box-shadow:0 0 0 3px #0d927d14}.header-row .header-input[readonly]{color:#5b6d79;font-family:var(--mono);background:#f3f7f9}.header-add-row .icon-button,.header-row .icon-button{margin-bottom:1px}.compact-model-sync-button{min-height:31px;padding:0 10px}.model-endpoint-row{background:#f7fafc;border:1px solid #e7edf1;border-radius:6px;gap:4px;margin-top:9px;padding:8px 9px;display:grid}.model-endpoint-row span{color:#7c8c98;text-transform:uppercase;font-size:10px;font-weight:700}.model-endpoint-row code{color:#395063;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.model-option-panel{background:#f8fbfc;border:1px solid #dde6eb;border-radius:8px;margin-top:10px;padding:10px;box-shadow:inset 0 1px #ffffffb3}.model-option-toolbar{grid-template-columns:minmax(160px,.7fr) minmax(240px,1fr);align-items:start;gap:8px;margin-bottom:8px;display:grid}.model-option-toolbar strong{color:#45596a;font-size:11px;display:block}.model-option-toolbar span{color:#8d9aa5;margin-top:3px;font-size:10px;display:block}.model-search-field{color:#93a0a9;background:#fff;border:1px solid #d5dfe5;border-radius:8px;align-items:center;gap:6px;min-width:0;height:30px;padding:6px 9px;display:flex}.model-search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;padding:0;font-size:12px}.model-option-actions{flex-wrap:wrap;grid-column:1/-1;gap:6px;display:flex}.model-option-actions .text-button{height:28px;padding:0 2px}.danger-text{color:#c95f5f}.danger-text:hover{color:#a94747}.model-selected-filter{color:#5f6f7c;background:#ffffffb3;border:1px solid #dde6eb;border-radius:999px;align-items:center;gap:7px;width:fit-content;margin-bottom:10px;padding:0 10px;font-size:11px;display:flex}.model-selected-filter input[type=checkbox],.model-check-option input[type=checkbox]{width:14px;min-width:14px;height:14px;box-shadow:none;accent-color:var(--teal);border-radius:3px;margin:0;padding:0}.model-option-list{grid-template-columns:1fr;gap:5px;max-height:min(320px,36vh);padding:2px 4px 2px 0;display:grid;overflow-y:auto}.model-option-list.selectable{align-items:stretch}.fallback-picker-list{max-height:min(360px,38vh)}.model-check-option{color:#4f6370;min-width:0;min-height:31px;font-family:var(--mono);background:#fff;border:1px solid #dbe5ea;border-radius:8px;align-items:center;gap:8px;padding:6px 9px;font-size:10px;line-height:1.35;transition:all .16s;display:flex}.model-check-option:hover{background:#f4fbfa;border-color:#b8dedd}.model-check-option.selected{color:#244f55;background:linear-gradient(90deg,#0d927d14,#0d927d08);border-color:#9fd4ca;box-shadow:inset 3px 0 #0d927db3}.model-check-option input{flex:none}.model-check-option span{overflow-wrap:anywhere;min-width:0}.model-sync-status{margin-top:9px;display:block}.provider-test-section{background:#f7faf9}.provider-test-grid{grid-template-columns:minmax(210px,.8fr) minmax(300px,1.2fr) auto;align-items:start;gap:12px;display:grid}.compact-field{margin-top:0}.compact-field input,.compact-field .select-control{border:1px solid var(--line);color:#425461;background:#fff;border-radius:6px;width:100%;height:36px;font-size:11px}.compact-field .select-trigger{height:34px}.prompt-field textarea{border:1px solid var(--line);color:#425461;resize:vertical;background:#fff;border-radius:6px;width:100%;min-height:76px;padding:9px 10px;font-size:11px;line-height:1.5}.compact-field input:focus,.prompt-field textarea:focus{border-color:#98d3c8;box-shadow:0 0 0 3px #0d927d14}.test-model-picks{flex-wrap:wrap;gap:5px;margin-top:7px;display:flex}.test-model-picks button{color:#65747f;max-width:100%;min-height:24px;font-family:var(--mono);text-overflow:ellipsis;white-space:nowrap;background:#fff;border:1px solid #dfe8ed;border-radius:5px;padding:0 7px;font-size:9px;overflow:hidden}.test-model-picks button:hover,.test-model-picks button.selected{color:#24635d;background:#effaf7;border-color:#a9dcd2}.provider-test-actions{flex-direction:column;align-items:flex-start;gap:8px;min-width:132px;padding-top:19px;display:flex}.stream-toggle{color:#5f6f7c;align-items:center;gap:7px;min-height:28px;font-size:11px;font-weight:600;display:inline-flex}.stream-toggle input{width:14px;height:14px;accent-color:var(--teal);margin:0}.provider-test-actions .button{width:100%;min-height:34px}.test-status{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:10px;overflow:hidden}.test-status.ok{color:var(--teal)}.test-status.error{color:#c46152}.raw-response-panel{background:#fff;border:1px solid #dde6eb;border-radius:8px;margin-top:12px;overflow:hidden}.raw-response-heading{color:#4f6370;border-bottom:1px solid #e7edf1;justify-content:space-between;align-items:center;gap:12px;min-height:34px;padding:0 11px;font-size:11px;font-weight:700;display:flex}.raw-response-heading small{color:#9aa7b0;font-family:var(--mono);font-size:9px;font-weight:500}.raw-response-panel pre{color:#425461;min-height:118px;max-height:300px;font-family:var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;background:#fbfcfd;margin:0;padding:12px;font-size:10px;line-height:1.55;overflow:auto}.editor-chips{max-height:110px;margin-top:9px;overflow-y:auto}.editor-chips .model-chip{gap:5px;max-width:100%}.editor-chips button{color:#9aa7b0;background:0 0;border:0;padding:0}.modal-actions{justify-content:flex-end;gap:8px;margin-top:27px;display:flex}.toast{z-index:30;color:#34766c;background:#f0faf7;border:1px solid #cde9e4;border-radius:7px;padding:12px 16px;font-size:11px;animation:.18s ease-out toast-in;position:fixed;bottom:28px;right:28px;box-shadow:0 10px 30px #1725341f}:root[data-theme=dark] .topbar{background:#0f1621e0}:root[data-theme=dark] .breadcrumb,:root[data-theme=dark] .page-intro p,:root[data-theme=dark] .route-summary,:root[data-theme=dark] .panel-caption,:root[data-theme=dark] code,:root[data-theme=dark] .provider-type,:root[data-theme=dark] .provider-url,:root[data-theme=dark] .section-label,:root[data-theme=dark] .muted-copy,:root[data-theme=dark] .provider-group-count,:root[data-theme=dark] .priority-copy span,:root[data-theme=dark] .fallback-copy span,:root[data-theme=dark] .panel-description,:root[data-theme=dark] .model-option-toolbar span,:root[data-theme=dark] .raw-response-heading small{color:var(--muted)}:root[data-theme=dark] .breadcrumb strong,:root[data-theme=dark] .provider-group-title h3,:root[data-theme=dark] .provider-title-row h3,:root[data-theme=dark] .panel-heading h3,:root[data-theme=dark] .config-section-heading h3,:root[data-theme=dark] .priority-copy strong,:root[data-theme=dark] .fallback-copy strong,:root[data-theme=dark] .model-option-toolbar strong,:root[data-theme=dark] .raw-response-heading,:root[data-theme=dark] .field>span{color:var(--ink)}:root[data-theme=dark] .button-secondary,:root[data-theme=dark] .search-field,:root[data-theme=dark] .segmented-control,:root[data-theme=dark] .auth-validation-panel,:root[data-theme=dark] .modal,:root[data-theme=dark] .model-editor,:root[data-theme=dark] .header-editor,:root[data-theme=dark] .auth-editor,:root[data-theme=dark] .model-search-field,:root[data-theme=dark] .model-check-option,:root[data-theme=dark] .test-model-picks button,:root[data-theme=dark] .select-control,:root[data-theme=dark] .select-menu,:root[data-theme=dark] .raw-response-panel{color:var(--field-ink);border-color:var(--line);background:var(--paper)}:root[data-theme=dark] .field input,:root[data-theme=dark] .model-add-row input,:root[data-theme=dark] .auth-editor textarea,:root[data-theme=dark] .compact-field input,:root[data-theme=dark] .compact-field .select-control,:root[data-theme=dark] .prompt-field textarea,:root[data-theme=dark] .raw-response-panel pre{color:var(--field-ink);border-color:var(--line);background:var(--field-bg)}:root[data-theme=dark] .compact-select{background:0 0}:root[data-theme=dark] .select-control.disabled{color:#6f8190;background:#101822}:root[data-theme=dark] .button-secondary:hover,:root[data-theme=dark] .icon-button:hover,:root[data-theme=dark] .priority-row:hover,:root[data-theme=dark] .fallback-row:hover,:root[data-theme=dark] .model-pick-button:hover,:root[data-theme=dark] .model-check-option:hover,:root[data-theme=dark] .select-option:hover,:root[data-theme=dark] .select-option.highlighted{background:var(--hover-bg)}:root[data-theme=dark] .config-section,:root[data-theme=dark] .model-option-panel,:root[data-theme=dark] .model-endpoint-row,:root[data-theme=dark] .header-row,:root[data-theme=dark] .alias-row,:root[data-theme=dark] .provider-test-section,:root[data-theme=dark] .empty-state,:root[data-theme=dark] .auth-validation-metrics span,:root[data-theme=dark] .auth-validation-result,:root[data-theme=dark] .auth-validation-result-row,:root[data-theme=dark] .raw-response-panel pre{background:var(--soft-panel)}:root[data-theme=dark] .auth-validation-result-detail span,:root[data-theme=dark] .auth-validation-result-detail code{color:var(--field-ink);background:var(--field-bg)}:root[data-theme=dark] .header-row code,:root[data-theme=dark] .alias-row code,:root[data-theme=dark] .alias-arrow,:root[data-theme=dark] .header-field>span{color:var(--muted)}:root[data-theme=dark] .header-input{color:var(--field-ink);border-color:var(--line);background:var(--field-bg)}:root[data-theme=dark] .header-row .header-input[readonly]{color:var(--muted);background:#101822}:root[data-theme=dark] .model-chip,:root[data-theme=dark] .model-pick-button,:root[data-theme=dark] .priority-number,:root[data-theme=dark] .fallback-index{color:#c3d0da;border-color:var(--line);background:#111a24}:root[data-theme=dark] .provider-card-actions,:root[data-theme=dark] .priority-row,:root[data-theme=dark] .fallback-row,:root[data-theme=dark] .model-catalog,:root[data-theme=dark] .raw-response-heading{border-color:var(--line)}:root[data-theme=dark] .segmented-control button.selected,:root[data-theme=dark] .active-filter-bar,:root[data-theme=dark] .info-callout,:root[data-theme=dark] .fallback-add-button,:root[data-theme=dark] .accent-button,:root[data-theme=dark] .model-check-option.selected,:root[data-theme=dark] .test-model-picks button.selected,:root[data-theme=dark] .select-option.selected{color:#9ef0df;background:var(--teal-soft);border-color:#37c6ac57}:root[data-theme=dark] .modal-backdrop{background:#04090ea8}:root[data-theme=dark] .login-overlay{background:#04090ec7}:root[data-theme=dark] .login-panel{border-color:var(--line);background:var(--paper)}:root[data-theme=dark] .login-panel .field input{border-color:var(--line);color:var(--field-ink);background:var(--field-bg)}:root[data-theme=dark] .login-panel .button-primary{box-shadow:none}:root[data-theme=dark] .toast{color:#9ef0df;background:#132820;border-color:#37c6ac57}@keyframes blink{50%{opacity:.45}}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=1120px){.topbar,.page-content{padding-left:32px;padding-right:32px}.provider-card{grid-template-columns:auto minmax(230px,1fr) minmax(180px,1fr) auto;gap:14px}}@media (width<=850px){.sidebar{width:100%;height:auto;padding:16px;position:static}.sidebar-is-collapsed .sidebar{width:100%;padding:16px}.sidebar-is-collapsed .brand{justify-content:flex-start}.sidebar-is-collapsed .brand>div:not(.brand-mark){display:block}.sidebar-is-collapsed .sidebar-collapse-button{margin-left:auto;position:static}.sidebar-is-collapsed .nav-list{margin-top:18px}.sidebar-is-collapsed .nav-item span,.sidebar-is-collapsed .nav-item small,.sidebar-is-collapsed .nav-chevron{display:inline-flex}.app-shell{display:block}.brand{padding:0}.nav-list{gap:4px;margin-top:18px;display:flex;overflow-x:auto}.provider-nav-section{flex:none;gap:4px;display:flex}.provider-nav-toggle{color:#92a2b2;flex:none;width:auto;min-height:34px;margin-left:0;padding:8px 10px}.provider-nav-groups{border-left:0;flex:none;gap:4px;margin:0;padding:0;display:flex}.nav-item,.provider-nav-item{flex:none;width:auto;padding:8px 10px}.nav-item span{flex:none}.nav-item small,.provider-nav-item small,.sidebar-bottom{display:none}.main-content,.sidebar-is-collapsed .main-content{width:100%;margin-left:0}.topbar{min-height:118px;padding-top:25px;padding-bottom:23px}.routing-grid{grid-template-columns:1fr}.provider-modal{width:min(100%,100vw - 32px)}.model-option-toolbar,.header-add-row,.header-row{grid-template-columns:1fr}.alias-add-row,.alias-row{grid-template-columns:1fr auto 1fr auto}.model-option-actions{gap:8px}.provider-test-grid{grid-template-columns:1fr}.auth-validation-result-row{grid-template-columns:1fr;align-items:stretch}.auth-validation-row-actions{justify-content:flex-end}.provider-test-actions{flex-flow:wrap;align-items:stretch;padding-top:0}.provider-test-actions .button{width:auto}}@media (width<=620px){.topbar,.page-content{padding-left:17px;padding-right:17px}.topbar{flex-direction:column;align-items:flex-start;gap:15px}.topbar-actions{justify-content:space-between;width:100%}.topbar h1{font-size:24px}.panel{padding:19px 17px}.page-intro{flex-direction:column;align-items:flex-start;margin-bottom:20px}.page-intro .button{width:100%}.toolbar{flex-direction:column;align-items:stretch}.search-field{width:100%}.segmented-control{align-self:flex-start}.provider-card{padding:17px;display:block}.provider-card-priority{margin-bottom:12px}.provider-group-heading{flex-direction:column;align-items:flex-start;gap:7px}.provider-models{margin:18px 0 13px 55px}.provider-card-actions{border-top:1px solid #edf0f3;justify-content:flex-end;padding-top:10px}.health-model-count{display:none}.state-label{min-width:auto}.form-grid{grid-template-columns:1fr;gap:0}.form-grid .field{margin-top:20px}.modal{padding:21px 18px}.model-option-list{max-height:280px}.model-check-option{padding:7px 8px}.provider-test-actions .button{flex:130px}.fallback-add-button{width:auto}.toast{text-align:center;bottom:17px;left:17px;right:17px}}