responses-proxy 0.1.0

package/dist/client/assets/index-DpqgYK3L.css

@@ -0,0 +1 @@
+:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-feature-settings:"cv11", "ss01";--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:32px;--space-8:40px;--text-xs:.75rem;--text-sm:.8125rem;--text-md:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--leading-tight:1.08;--leading-title:1.14;--leading-body:1.48;--sidebar-width:280px;--content-max-width:1380px;--detail-column-min:300px;--detail-column-max:420px;--tab-height:48px;--tab-border-radius:12px;--mini-sidebar-width:60px;--contextual-panel-width:320px;--layout-header-height:64px;--layout-content-gap:16px;--status-healthy:#30d158;--status-warning:#ffd60a;--status-error:#ff6961;--status-unknown:#8e8e93;--chart-primary:#06c;--chart-secondary:#5a4fcf;--chart-success:#28a745;--chart-warning:#ffc107;--chart-error:#dc3545;--chart-grid-light:#0000001a;--chart-grid-dark:#fff3;--animation-fast:.15s;--animation-normal:.22s;--animation-slow:.35s;--animation-easing:cubic-bezier(.4, 0, .2, 1);--density-compact:.75;--density-comfortable:1;--density-spacious:1.25;--interactive-hover:#ffffff14;--interactive-active:#ffffff1f;--interactive-focus:#0a84ff29;--bg:#f5f5f7;--bg-2:#eceef2;--panel:#ffffffbd;--surface:#ffffffb3;--surface-strong:#ffffffe0;--surface-muted:#ffffff8a;--surface-hover:#fffffff5;--hero-surface:radial-gradient(circle at top left, #ffffffe6, transparent 35%), radial-gradient(circle at bottom right, #0a84ff14, transparent 30%), #fff9;--control-bg:#ffffff9e;--control-bg-hover:#ffffffe0;--text-primary:#17181c;--text-secondary:#616772;--text-muted:#17181c8f;--line:#12172314;--line-strong:#12172324;--accent:#0a84ff;--accent-strong:#0071e3;--accent-2:#6f5bff;--accent-gradient:linear-gradient(135deg, #0071e3 0%, #0a84ff 55%, #6f5bff 100%);--accent-soft:#0a84ff24;--success:#188038;--success-soft:#1880381f;--warning:#b06000;--warning-soft:#f5a62329;--danger:#d93025;--danger-soft:#d930251f;--neutral-soft:#616b7b1f;--shadow-lg:0 16px 32px #0f172a0d;--shadow-md:0 8px 16px #0f172a0d;--shadow-sm:0 4px 8px #0f172a08;--radius-panel:20px;--radius-card:16px;--radius-md:12px;--radius-sm:8px;--radius-pill:999px;color:var(--text-primary);background:var(--bg);font-family:Inter,SF Pro Display,SF Pro Text,Helvetica Neue,Helvetica,Arial,system-ui,-apple-system,BlinkMacSystemFont,sans-serif}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#07090d;--bg-2:#0b0f14;--panel:#0d111a;--surface:#111622;--surface-strong:#151b29;--surface-muted:#0a0d15;--surface-hover:#1b2336;--hero-surface:radial-gradient(circle at top left, #ffffff08, transparent 35%), radial-gradient(circle at bottom right, #0a84ff0f, transparent 30%), #111622;--control-bg:#111622;--control-bg-hover:#1b2336;--text-primary:#ffffffeb;--text-secondary:#ffffffad;--text-muted:#ffffff70;--line:#ffffff0f;--line-strong:#ffffff1c;--accent:#64a8ff;--accent-strong:#0a84ff;--accent-2:#a08bff;--accent-gradient:linear-gradient(135deg, #0a84ff 0%, #64a8ff 55%, #a08bff 100%);--accent-soft:#64a8ff1f;--success:#34d399;--success-soft:#34d3991a;--warning:#fbbf24;--warning-soft:#fbbf241a;--danger:#f87171;--danger-soft:#f871711a;--neutral-soft:#ffffff0f;--shadow-lg:0 12px 32px #0006;--shadow-md:0 8px 24px #0000004d;--shadow-sm:0 4px 12px #0003}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}html{scroll-behavior:smooth}body{font-size:var(--text-md);line-height:var(--leading-body);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-2) 100%);color:var(--text-primary);text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;position:relative;overflow-x:hidden}[data-theme=dark] body{background:linear-gradient(180deg, var(--bg) 0%, #090a0d 100%)}body:before,body:after{content:"";pointer-events:none;z-index:-2;filter:blur(150px);opacity:.08;mix-blend-mode:normal;border-radius:50%;width:90vw;height:90vh;transition:opacity 1s;position:fixed}[data-theme=dark] body:before,[data-theme=dark] body:after{opacity:.055}body:before{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);animation:50s ease-in-out infinite alternate mesh-float-primary;top:-20vh;left:-20vw}body:after{background:radial-gradient(circle, var(--accent-2) 0%, transparent 70%);animation:60s ease-in-out infinite alternate mesh-float-secondary;bottom:-20vh;right:-20vw}@keyframes mesh-float-primary{0%{transform:translate(0)scale(1)}50%{transform:translate(8vw,6vh)scale(1.1)}to{transform:translate(-4vw,12vh)scale(.95)}}@keyframes mesh-float-secondary{0%{transform:translate(0)scale(1)}50%{transform:translate(-10vw,-8vh)scale(.9)}to{transform:translate(6vw,-4vh)scale(1.05)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--line-strong);border-radius:var(--radius-pill);background-clip:padding-box;border:2px solid #0000}::-webkit-scrollbar-thumb:hover{background:var(--text-muted);background-clip:padding-box;border:2px solid #0000}button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:none;box-shadow:0 0 0 4px #64a0ff29}.app-page{min-height:100vh;padding:clamp(8px,1vw,16px)}.app-panel{width:min(1560px,100%);min-height:calc(100vh - 32px);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--panel);box-shadow:var(--shadow-md);margin:0 auto}.app-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);gap:var(--space-6);min-height:calc(100vh - clamp(24px,3vw,40px));display:grid}.sidebar{gap:var(--space-5);align-content:start;min-width:0;display:grid;overflow:hidden auto}.brand-card,.content-area,.surface-card,.stat-card,.loading-state,.error-state,.empty-state,.modal-card,.skeleton-card,.oauth-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm)}.brand-card{gap:var(--space-4);padding:var(--space-6);border-radius:var(--radius-card);background:var(--hero-surface);grid-template-columns:auto minmax(0,1fr);min-width:0;display:grid}.brand-mark{background:var(--accent-gradient);color:#fff;letter-spacing:.04em;border-radius:20px;justify-content:center;align-items:center;width:54px;height:54px;font-size:1.1rem;font-weight:700;display:inline-flex;box-shadow:0 12px 24px #0a84ff33}.brand-card h1{font-size:var(--text-lg);line-height:var(--leading-tight);letter-spacing:-.04em;margin:4px 0 0}.brand-copy,.toolbar-copy,.page-header-copy>p:last-child,.modal-copy,.field-help,.table-empty p,.empty-state p,.error-state p:last-of-type,.loading-copy p{color:var(--text-secondary);line-height:var(--leading-body)}.brand-copy{overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto}.side-nav{gap:var(--space-2);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-muted);-webkit-backdrop-filter:blur(18px)saturate(130%);backdrop-filter:blur(18px)saturate(130%);display:grid}.nav-section-label{padding:var(--space-1) var(--space-3) var(--space-2);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:600}.side-nav a{align-items:center;gap:var(--space-3);min-height:46px;color:var(--text-secondary);border:1px solid #0000;border-radius:18px;padding:10px 14px;transition:transform .22s,color .22s,background-color .22s,border-color .22s;display:flex;position:relative}.side-nav a:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--line);transform:translateY(-1px)}.side-nav a.active{color:var(--text-primary);background:color-mix(in srgb, var(--surface-hover) 74%, var(--accent-soft) 26%);border-color:color-mix(in srgb, var(--accent) 20%, var(--line) 80%)}.side-nav a.active:before{content:"";border-radius:var(--radius-pill);background:var(--accent-gradient);width:3px;height:20px;position:absolute;top:50%;left:6px;transform:translateY(-50%)}.nav-indicator{width:8px;height:8px;box-shadow:inset 0 0 0 1px var(--line-strong);background:0 0;border-radius:999px;flex:none}.side-nav a.active .nav-indicator{background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.nav-icon{width:22px;height:22px;color:var(--text-muted);flex:none;justify-content:center;align-items:center;transition:color .22s;display:inline-flex}.nav-icon svg{width:18px;height:18px}.side-nav a:hover .nav-icon,.side-nav a.active .nav-icon{color:var(--accent-strong)}.nav-label{text-overflow:ellipsis;white-space:nowrap;flex:auto;min-width:0;overflow:hidden}.content-area{border-radius:calc(var(--radius-panel) - 2px);grid-template-rows:auto 1fr;gap:0;min-width:0;padding:0;display:grid;overflow:hidden}.top-toolbar{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-5);border:none;border-bottom:1px solid var(--line);background:var(--surface-strong);border-radius:0;margin:0;display:flex}.toolbar-breadcrumb{align-items:center;gap:var(--space-2);min-width:0;color:var(--text-muted);font-size:var(--text-sm);font-weight:600;display:flex}.toolbar-breadcrumb .crumb-root{color:var(--text-muted)}.toolbar-breadcrumb .crumb-sep{color:var(--text-muted);opacity:.6}.toolbar-breadcrumb .crumb-current{color:var(--text-primary);font-weight:700}.toolbar-session{align-items:center;gap:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-strong);min-height:34px;color:var(--text-secondary);font-size:var(--text-xs);white-space:nowrap;margin:0;padding:0 12px;font-weight:600;display:inline-flex}.toolbar-session:before{content:"";background:var(--success);width:7px;height:7px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%}.toolbar-copy{margin:var(--space-1) 0 0;max-width:720px}.theme-toggle{align-items:center;gap:var(--space-2);width:fit-content;min-height:42px;padding:0 var(--space-4);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-strong);color:var(--text-primary);box-shadow:var(--shadow-sm);cursor:pointer;justify-self:start;transition:transform .2s,background-color .22s,border-color .22s;display:inline-flex}.theme-toggle:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(-1px)}.theme-toggle:active{transform:scale(.98)}.theme-toggle-track{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--accent-soft) 35%, var(--neutral-soft) 65%);width:38px;height:24px;position:relative}.theme-toggle-thumb{width:18px;height:18px;color:var(--warning);background:#fff;border-radius:50%;justify-content:center;align-items:center;transition:transform .22s;display:inline-flex;position:absolute;top:3px;left:3px;box-shadow:0 4px 12px #00000029}[data-theme=dark] .theme-toggle-thumb{color:var(--accent-strong);transform:translate(14px)}[data-theme=dark] .theme-toggle-track{background:color-mix(in srgb, var(--accent-soft) 50%, #ffffff14 50%)}.screen-frame{width:100%;min-width:0;max-width:var(--content-max-width);padding:var(--space-5);margin:0 auto}.screen-stack{gap:var(--space-5);display:grid}.page-header{align-items:start;gap:var(--space-4);padding:var(--space-2) 0 var(--space-3);grid-template-columns:minmax(0,1fr) auto;display:grid}.page-header-copy{gap:var(--space-2);max-width:760px;display:grid}.page-header h1,.loading-copy h2,.error-state h2,.empty-state h2,.surface-card h2,.hero-status h2,.brand-card h1,.modal-card h2{color:var(--text-primary);letter-spacing:-.04em;line-height:var(--leading-title);margin:0}.page-header h1{font-size:clamp(1.75rem,2.3vw,2.35rem);line-height:var(--leading-title);letter-spacing:-.035em}.page-header-copy>p:last-child{font-size:var(--text-md);margin:0}.page-header p,.surface-card-body p,.empty-state p,.error-state p,.loading-copy p,.table-empty p{font-size:var(--text-md);line-height:var(--leading-body)}.page-header-actions,.page-header-actions-group,.table-actions,.row-actions,.modal-actions,.copy-action-group,.rotation-settings-row,.quick-apply-header,.rtk-form-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.row-actions{min-width:max-content}.page-header-actions,.page-header-actions-group{justify-content:flex-end}.eyebrow{align-items:center;gap:var(--space-2);margin:0 0 var(--space-2);border:1px solid var(--line);border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-xs);letter-spacing:.04em;padding:6px 12px;font-weight:600;display:inline-flex}.surface-card{border-radius:var(--radius-card);transition:transform var(--animation-slow) var(--animation-easing), border-color var(--animation-slow) var(--animation-easing), box-shadow var(--animation-slow) var(--animation-easing);padding:clamp(18px,1.6vw,24px);position:relative;overflow:hidden}.surface-card:hover{border-color:color-mix(in srgb, var(--accent) 35%, var(--line-strong));box-shadow:var(--shadow-lg), 0 12px 30px -15px var(--accent-soft);transform:translateY(-3px)scale(1.002)}.surface-card-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-2);display:flex}.surface-card-title-group{gap:var(--space-1);display:grid}.surface-card-eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:700}.surface-card-actions{align-items:center;gap:var(--space-2);display:flex}.surface-card>h2,.surface-card-header h2{font-size:var(--text-xl);line-height:var(--leading-title);letter-spacing:-.02em;margin:0}.surface-card>p,.surface-card-desc{margin:var(--space-2) 0 0;color:var(--text-secondary);font-size:var(--text-md);line-height:var(--leading-body)}.surface-card-body{margin-top:var(--space-4);min-width:0}.surface-card-success{border-color:var(--success-soft);background:color-mix(in srgb, var(--success) 3%, var(--surface))}.surface-card-warning{border-color:var(--warning-soft);background:color-mix(in srgb, var(--warning) 3%, var(--surface))}.surface-card-danger{border-color:var(--danger-soft);background:color-mix(in srgb, var(--danger) 3%, var(--surface))}.surface-card-info{border-color:var(--accent-soft);background:color-mix(in srgb, var(--accent) 3%, var(--surface))}.hero-card{background:var(--hero-surface)}.hero-status{gap:var(--space-5);grid-template-columns:minmax(0,1fr) auto;align-items:flex-start;display:grid}.hero-status h2{font-size:clamp(1.45rem,1.9vw,2rem);line-height:var(--leading-title);letter-spacing:-.025em}.hero-status p:last-child{margin:var(--space-2) 0 0;color:var(--text-secondary)}.card-inline-status{gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;display:flex}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.stat-card{gap:var(--space-2);border-radius:var(--radius-card);min-height:126px;transition:transform var(--animation-slow) var(--animation-easing), border-color var(--animation-slow) var(--animation-easing), box-shadow var(--animation-slow) var(--animation-easing);padding:clamp(16px,1.3vw,22px);display:grid;position:relative;overflow:hidden}.stat-card:before{content:"";border-radius:var(--radius-pill);background:var(--accent-gradient);opacity:.85;width:3px;transition:width var(--animation-normal) var(--animation-easing), opacity var(--animation-normal) var(--animation-easing);position:absolute;inset:0 auto 0 0}.stat-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md), 0 8px 24px -10px var(--accent-soft);transform:translateY(-3px)scale(1.005)}.stat-card:hover:before{opacity:1;width:4px}.stat-card-head{justify-content:space-between;align-items:center;gap:var(--space-3);display:flex}.stat-card-icon{background:var(--accent-soft);width:34px;height:34px;color:var(--accent-strong);border-radius:12px;flex:none;justify-content:center;align-items:center;display:inline-flex}.stat-card-icon svg{width:18px;height:18px}.stat-card span{color:var(--text-muted);font-size:var(--text-sm);letter-spacing:.02em;font-weight:600}.stat-card strong{font-size:var(--text-xl);letter-spacing:-.04em;text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.stat-card p{color:var(--text-secondary);line-height:1.5;font-size:var(--text-sm);overflow-wrap:break-word;word-break:break-word;-webkit-hyphens:auto;hyphens:auto;margin:0}.stat-card-success:before{background:var(--success)}.stat-card-success .stat-card-icon{background:var(--success-soft);color:var(--success)}.stat-card-warning:before{background:var(--warning)}.stat-card-warning .stat-card-icon{background:var(--warning-soft);color:var(--warning)}.stat-card-danger:before{background:var(--danger)}.stat-card-danger .stat-card-icon{background:var(--danger-soft);color:var(--danger)}.button-link,.button-secondary,.refresh-button,.button-primary,.button-danger{justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-4);border-radius:var(--radius-pill);border:1px solid var(--line);cursor:pointer;transition:transform .2s,background-color .22s,border-color .22s,box-shadow .22s,color .22s;display:inline-flex}.button-link,.button-secondary,.refresh-button{background:var(--surface-strong);color:var(--text-primary);box-shadow:none}.button-primary,.button-link.button-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 12px 24px color-mix(in srgb, var(--accent) 18%, transparent 82%);border-color:#0000}.button-danger,.button-link.button-danger{border-color:color-mix(in srgb, var(--danger) 18%, transparent 82%);background:var(--danger-soft);color:var(--danger)}.button-link:hover,.button-secondary:hover,.refresh-button:hover,.button-primary:hover,.button-danger:hover{transform:translateY(-1px)}.button-link:hover,.button-secondary:hover,.refresh-button:hover{background:var(--control-bg-hover);border-color:var(--line-strong)}.button-primary:hover{filter:brightness(1.03)}.button-danger:hover{background:color-mix(in srgb, var(--danger-soft) 78%, transparent 22%)}.button-link:active,.button-secondary:active,.refresh-button:active,.button-primary:active,.button-danger:active{transform:scale(.98)}.button-link:disabled,.button-secondary:disabled,.refresh-button:disabled,.button-primary:disabled,.button-danger:disabled,input:disabled,select:disabled,textarea:disabled{opacity:.58;cursor:not-allowed;transform:none}.row-action-button,.provider-row-button{min-height:34px;padding-inline:var(--space-3)}.row-action-button{white-space:nowrap}.search-input,select,textarea,input[type=text],input[type=url],input[type=number]{border:1px solid var(--line);background:var(--control-bg);width:100%;min-height:46px;color:var(--text-primary);border-radius:18px;padding:11px 14px;transition:border-color .22s,background-color .22s,box-shadow .22s}.search-input:hover,select:hover,textarea:hover,input[type=text]:hover,input[type=url]:hover,input[type=number]:hover{background:var(--control-bg-hover);border-color:var(--line-strong)}.search-input::placeholder,textarea::placeholder{color:var(--text-muted)}.search-input:focus,select:focus,textarea:focus,input[type=text]:focus,input[type=url]:focus,input[type=number]:focus{border-color:color-mix(in srgb, var(--accent) 40%, transparent 60%);box-shadow:0 0 0 4px #64a0ff29}textarea,.form-textarea{resize:vertical;min-height:108px}.form-field,.readonly-field{gap:var(--space-2);display:grid}.form-field{min-width:0}.field-label{color:var(--text-secondary);font-size:var(--text-sm);font-weight:600}.field-help{font-size:var(--text-xs);margin:0}.form-checkbox{grid-template-columns:auto 1fr;align-items:start}.form-checkbox input{margin-top:3px}.provider-form,.client-form-grid,.provider-layout,.client-layout,.accounts-main-layout,.accounts-top-layout,.quick-apply-layout,.quick-apply-grid,.provider-detail-sections{gap:var(--space-5);display:grid}.client-form-grid,.quick-apply-grid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr))}.provider-layout,.client-layout,.accounts-main-layout{grid-template-columns:1fr;align-items:stretch}.accounts-top-layout,.quick-apply-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-page-grid{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;display:grid}.detail-page-grid-wide{gap:var(--space-5);display:grid}.provider-form,.provider-detail,.provider-detail-section,.quick-apply-card,.oauth-card{gap:var(--space-4);display:grid}.provider-detail{gap:var(--space-4)}.provider-detail .hero-status{gap:var(--space-3);flex-direction:column}.provider-detail .card-inline-status{margin-bottom:0}.provider-search{gap:var(--space-4);display:grid}.provider-row-name strong,.provider-status-stack strong{color:var(--text-primary);display:block}.provider-row-meta,.provider-status-stack span,.readonly-field,.provider-meta-list,.detail-list dd{color:var(--text-secondary)}.provider-status-stack{gap:var(--space-1);display:grid}.provider-url-cell{white-space:normal;overflow-wrap:anywhere;max-width:280px}.list-card{min-width:0}.list-table .data-table{min-width:640px}.item-title-link{width:100%;box-shadow:none;max-width:100%;min-height:auto;color:var(--text-primary);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;padding:0;font-weight:650;text-decoration:none;display:flex}.item-title-link:hover{color:var(--accent);box-shadow:none;background:0 0;border-color:#0000;transform:none}.item-title-link:active{transform:none}.item-meta{color:var(--text-muted);font-size:var(--text-sm);overflow-wrap:anywhere;white-space:normal;margin-top:4px;display:block}.item-meta.truncate-value{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.long-value{overflow-wrap:anywhere;word-break:break-word;max-width:100%}.truncate-value{text-overflow:ellipsis;white-space:nowrap;max-width:360px;overflow:hidden}.table-cell-long{white-space:normal;overflow-wrap:anywhere;min-width:180px;max-width:360px}.provider-name-cell{min-width:220px}.table-cell-nowrap{white-space:nowrap}.clients-table .provider-name-cell,.accounts-table td:first-child{min-width:220px}.accounts-table .item-title-link{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.metadata-pills{gap:var(--space-2);flex-wrap:wrap;display:flex}.metadata-pill{border-radius:var(--radius-pill);background:var(--neutral-soft);min-height:30px;color:var(--text-secondary);font-size:var(--text-xs);align-items:center;padding:0 11px;display:inline-flex}.readonly-field{padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:var(--surface-muted);border-radius:18px}.detail-list{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.detail-list div{padding:var(--space-3) var(--space-4);border:1px solid var(--line);background:var(--surface-muted);border-radius:18px}.detail-list dt{margin:0 0 var(--space-1);color:var(--text-muted);font-size:var(--text-xs);font-weight:600}.detail-list dd{margin:0;line-height:1.5}.inline-alert{gap:var(--space-1);padding:var(--space-3) var(--space-4);border:1px solid var(--line);border-radius:18px;display:grid}.inline-alert strong{font-size:var(--text-sm)}.inline-alert span,.inline-alert p{color:var(--text-secondary);margin:0}.inline-alert-success{border-color:color-mix(in srgb, var(--success) 22%, transparent 78%);background:var(--success-soft)}.inline-alert-error{border-color:color-mix(in srgb, var(--danger) 22%, transparent 78%);background:var(--danger-soft)}.status-badge{border-radius:var(--radius-pill);min-height:30px;font-size:var(--text-xs);letter-spacing:.02em;white-space:nowrap;border:1px solid #0000;align-items:center;gap:7px;padding:0 12px;font-weight:700;display:inline-flex}.status-badge:before{content:"";width:7px;height:7px;box-shadow:0 0 0 3px color-mix(in srgb, currentColor 18%, transparent 82%);background:currentColor;border-radius:50%;flex:none}.status-badge-neutral{background:var(--neutral-soft);color:var(--text-secondary)}.status-badge-success{background:var(--success-soft);color:var(--success)}.status-badge-warning{background:var(--warning-soft);color:var(--warning)}.status-badge-danger{background:var(--danger-soft);color:var(--danger)}.status-badge-accent{background:var(--accent-soft);color:var(--accent-strong)}.data-table-wrap{-webkit-overflow-scrolling:touch;border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 70%, transparent 30%);border-radius:22px;width:100%;max-width:100%;overflow-x:auto}.data-table{border-collapse:separate;border-spacing:0;table-layout:auto;width:100%;min-width:680px}.data-table th,.data-table td{border-bottom:1px solid var(--line);vertical-align:top;font-size:var(--text-sm);padding:12px 14px;line-height:1.35}.data-table th{z-index:1;background:color-mix(in srgb, var(--surface-strong) 82%, transparent 18%);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.055em;text-transform:uppercase;text-align:left;font-weight:650;position:sticky;top:0}.data-table td{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;max-width:0;overflow:hidden}.data-table td.expandable{white-space:normal;overflow-wrap:break-word;word-break:break-word}.data-table tbody tr:hover{background:var(--surface-hover)}.data-table tbody tr:last-child td{border-bottom:0}.align-right{text-align:right}.align-center{text-align:center}.data-table .align-right,.data-table .align-center,.row-actions,.provider-status-stack{white-space:nowrap}.list-table .data-table-wrap{overflow-x:auto}.list-table .row-actions{white-space:normal;flex-wrap:nowrap;justify-content:flex-start;align-items:flex-start;min-width:max-content}.list-table .row-action-button,.list-table .row-actions>.button-link{flex:none}.list-table th:last-child,.list-table td[data-label=Actions]{min-width:172px}.list-table .provider-status-stack{align-items:center;gap:var(--space-2);white-space:normal;flex-wrap:wrap;display:flex}.provider-status-stack .status-badge{flex:none}.account-row-actions{gap:6px}.account-row-actions .row-action-button{min-height:32px;padding-inline:10px}.table-empty,.loading-state,.empty-state,.error-state{padding:var(--space-6);border-radius:var(--radius-card)}.table-empty strong,.loading-copy h2,.empty-state h2,.error-state h2{font-size:var(--text-xl)}.loading-state,.empty-state,.error-state{gap:var(--space-4);display:grid}.loading-copy,.empty-state,.error-state{max-width:720px}.skeleton-card{gap:var(--space-3);min-height:130px;padding:var(--space-5);border-radius:var(--radius-card);display:grid}.skeleton-line{background:linear-gradient(90deg, var(--surface-muted), var(--surface-hover), var(--surface-muted));background-size:200% 100%;border-radius:999px;animation:1.4s linear infinite shimmer}.skeleton-line-sm{width:36%;height:10px}.skeleton-line-md{width:58%;height:12px}.skeleton-line-lg{width:78%;height:24px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.modal-backdrop{padding:var(--space-6);-webkit-backdrop-filter:blur(14px)saturate(120%);backdrop-filter:blur(14px)saturate(120%);z-index:40;background:#07090e85;place-items:center;display:grid;position:fixed;inset:0}.modal-card{width:min(100%,760px);padding:var(--space-6);border:1px solid color-mix(in srgb, var(--line-strong) 70%, transparent 30%);background:color-mix(in srgb, var(--surface-strong) 96%, var(--bg) 4%);-webkit-backdrop-filter:blur(18px)saturate(120%);backdrop-filter:blur(18px)saturate(120%);border-radius:30px;box-shadow:0 28px 72px #00000047}[data-theme=dark] .modal-card{background:color-mix(in srgb, var(--panel) 94%, black 6%);border-color:#ffffff1f;box-shadow:0 30px 90px #0000006b}.modal-card-sm{width:min(100%,460px)}.modal-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);display:flex}.modal-copy{margin:0}.quick-apply-header{justify-content:space-between}.copy-action-group{justify-content:flex-end}.card-inline-status,.hero-status,.rotation-settings-row,.provider-row-meta,.provider-meta-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-meta-list{margin:0;padding:0;list-style:none}.provider-detail-section{padding:var(--space-4);border:1px solid var(--line);background:var(--surface-muted);border-radius:22px}.oauth-card{border-radius:var(--radius-card);padding:clamp(18px,1.6vw,24px)}.table-actions{margin-bottom:var(--space-3)}@media (width<=1280px){:root{--sidebar-width:248px;--content-max-width:1040px}.sidebar{padding:var(--space-4)}}@media (width<=1180px){.app-page{padding:var(--space-5)}.app-panel{min-height:calc(100vh - 36px);padding:var(--space-5);border-radius:34px}.app-shell{gap:var(--space-5)}.content-area{padding:var(--space-5)}.page-header h1{font-size:clamp(1.68rem,2vw,2.15rem)}}@media (width<=1100px){.detail-page-grid{grid-template-columns:1fr}}@media (width<=980px){html,body{overflow-x:hidden}.app-page{padding:var(--space-3)}.app-panel{min-height:auto;padding:var(--space-4);border-radius:30px}.app-shell{gap:var(--space-4);grid-template-columns:1fr;min-height:auto}.sidebar{gap:var(--space-3);padding:var(--space-4);border-right:0;border-bottom:1px solid var(--line);display:grid}.brand-card{padding:var(--space-4);grid-template-columns:48px minmax(0,1fr);align-items:center}.brand-mark{border-radius:16px;width:48px;height:48px}.brand-card .brand-copy{max-width:680px}.side-nav{align-items:center;gap:var(--space-2);padding:var(--space-1) 0 var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none;margin-top:0;display:flex;overflow-x:auto}.side-nav::-webkit-scrollbar{display:none}.nav-section-label{display:none}.side-nav a{white-space:nowrap;border-radius:999px;flex:none;min-height:40px;padding:10px 14px}.nav-indicator{width:7px;height:7px}.top-toolbar,.hero-status{grid-template-columns:1fr;display:grid}.card-inline-status{justify-content:flex-start}}@media (width<=900px){.accounts-top-layout,.quick-apply-layout,.two-column-grid{grid-template-columns:1fr}}@media (width<=720px){.app-page{padding:var(--space-2)}.app-panel{padding:var(--space-2);border-radius:26px}.content-area{padding:var(--space-3);border-radius:24px}.top-toolbar{margin:var(--space-3);padding:var(--space-3);align-items:stretch}.screen-frame{padding:0 var(--space-3) var(--space-3)}.surface-card,.brand-card,.stat-card,.loading-state,.empty-state,.error-state,.modal-card,.oauth-card{padding:var(--space-4);border-radius:22px}.screen-stack,.detail-page-grid,.detail-page-grid-wide,.provider-detail-sections,.detail-list,.client-form-grid,.provider-layout,.client-layout,.accounts-main-layout,.accounts-top-layout,.quick-apply-grid,.quick-apply-layout{gap:var(--space-4);grid-template-columns:1fr}.page-header{grid-template-columns:1fr}.page-header h1{font-size:clamp(1.55rem,8vw,2rem)}.page-header-actions,.page-header-actions-group,.row-actions,.modal-actions,.copy-action-group,.rotation-settings-row,.quick-apply-header,.rtk-form-actions{justify-content:stretch;align-items:stretch}.page-header-actions>*,.page-header-actions-group>*,.row-actions>*,.modal-actions>*,.copy-action-group>*,.rotation-settings-row>*,.quick-apply-header>*,.rtk-form-actions>*{flex:auto}.list-table .row-actions>*,.list-table .row-action-button,.list-table .row-actions>.button-link{flex:none}.list-table .row-actions{flex-wrap:wrap}.provider-table th:nth-child(2),.provider-table td:nth-child(2),.provider-table th:nth-child(3),.provider-table td:nth-child(3){display:none}.provider-table th:nth-child(4),.provider-table td:nth-child(4){min-width:220px}.provider-table th:nth-child(7),.provider-table td:nth-child(7),.accounts-table th:nth-child(5),.accounts-table td:nth-child(5){min-width:180px}.provider-table td:first-child,.clients-table td:first-child,.accounts-table td:first-child{min-width:190px}.clients-table th:nth-child(3),.clients-table td:nth-child(3),.clients-table th:nth-child(5),.clients-table td:nth-child(5),.accounts-table th:nth-child(2),.accounts-table td:nth-child(2),.accounts-table th:nth-child(4),.accounts-table td:nth-child(4){display:none}.button-link,.refresh-button,.theme-toggle{min-height:44px}.data-table{min-width:680px}.data-table th,.data-table td{padding:10px 12px}.modal-card{padding:var(--space-4)}.search-input,select,textarea,input[type=text],input[type=url],input[type=number]{font-size:16px}}@media (width<=560px){.data-table{min-width:620px}.data-table th,.data-table td{padding:10px 12px}.list-table .data-table-wrap{background:0 0;border:0;overflow:visible}.provider-table,.clients-table,.accounts-table{width:100%;min-width:100%;display:block}.provider-table thead,.clients-table thead,.accounts-table thead{display:none}.provider-table tbody,.clients-table tbody,.accounts-table tbody{gap:var(--space-3);display:grid}.provider-table tr,.clients-table tr,.accounts-table tr{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--line);background:color-mix(in srgb, var(--surface) 78%, transparent 22%);border-radius:18px;display:grid}.provider-table td,.clients-table td,.accounts-table td{text-align:left;border-bottom:0;gap:6px;width:100%;padding:0;display:grid}.provider-table td:before,.clients-table td:before,.accounts-table td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:700}.provider-table td:first-child,.clients-table td:first-child,.accounts-table td:first-child{display:block}.provider-table td:first-child:before,.clients-table td:first-child:before,.accounts-table td:first-child:before,.provider-table td:nth-child(2),.provider-table td:nth-child(3),.provider-table td:nth-child(4),.clients-table td:nth-child(2),.clients-table td:nth-child(3),.clients-table td:nth-child(5),.accounts-table td:nth-child(2),.accounts-table td:nth-child(4){display:none}.provider-table td:nth-child(6),.clients-table td:nth-child(6),.accounts-table td:nth-child(3){align-items:start}.provider-table td:nth-child(7),.clients-table td:nth-child(7),.accounts-table td:nth-child(5){display:block}.provider-table td:nth-child(7):before,.clients-table td:nth-child(7):before,.accounts-table td:nth-child(5):before{margin-bottom:6px;display:block}.provider-table .row-actions,.clients-table .row-actions,.accounts-table .row-actions{justify-content:flex-start;width:100%}.account-row-actions{flex-flow:wrap;align-items:flex-start}}@media (width<=520px){.stat-grid{grid-template-columns:1fr}}@media (width<=480px){.app-page{padding:0}.app-panel{width:100%;min-height:100vh;padding:var(--space-2);border-left:0;border-right:0;border-radius:0}.sidebar{padding:var(--space-3)}.content-area{padding:var(--space-3);border-radius:20px}.brand-card{padding:var(--space-3);grid-template-columns:44px minmax(0,1fr)}.brand-mark{border-radius:15px;width:44px;height:44px}.brand-copy,.toolbar-copy{font-size:var(--text-sm)}.page-header h1{font-size:1.42rem}.theme-toggle{padding-right:12px}.theme-toggle>span:last-child{display:none}.stat-card strong{font-size:var(--text-lg)}}.login-page{min-height:100vh;padding:var(--space-7);background:radial-gradient(circle at top left, #0a84ff1f, transparent 34%), var(--bg);place-items:center;display:grid}.login-card{width:min(100%,460px)}.login-card h1{margin:0 0 var(--space-3);font-size:var(--text-3xl);letter-spacing:-.04em}.login-form{gap:var(--space-4);margin-top:var(--space-5);display:grid}.login-form label{gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);font-weight:700;display:grid}.login-form input{border:1px solid var(--line-strong);border-radius:var(--radius-sm);background:var(--control-bg);width:100%;color:var(--text-primary);font:inherit;padding:12px 14px}.login-secondary-action{margin-top:var(--space-3)}.toolbar-actions{align-items:center;gap:var(--space-3);display:flex}.refresh-button .refresh-icon{width:16px;height:16px;display:inline-flex}.refresh-button[data-refreshing=true] .refresh-icon,.spin-icon{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-icon{background:var(--accent-soft);width:52px;height:52px;color:var(--accent-strong);border-radius:18px;justify-content:center;align-items:center;display:inline-flex}.state-icon svg{width:26px;height:26px}.error-state .state-icon{background:var(--danger-soft);color:var(--danger)}.empty-state .state-icon{background:var(--neutral-soft);color:var(--text-secondary)}.login-card{text-align:left}.login-mark{width:56px;height:56px;margin-bottom:var(--space-4);background:var(--accent-gradient);color:#fff;letter-spacing:.04em;border-radius:18px;justify-content:center;align-items:center;font-weight:800;display:inline-flex;box-shadow:0 14px 30px #0a84ff47}.login-code-display{padding:var(--space-5);border:1px solid var(--line-strong);border-radius:var(--radius-card);background:var(--surface-muted);letter-spacing:.32em;text-indent:.32em;color:var(--text-primary);font-variant-numeric:tabular-nums;justify-content:center;align-items:center;font-size:clamp(2.4rem,7vw,3.4rem);font-weight:800;display:flex}.login-countdown{gap:var(--space-2);display:grid}.login-countdown-track{border-radius:var(--radius-pill);background:var(--neutral-soft);width:100%;height:8px;overflow:hidden}.login-countdown-fill{border-radius:var(--radius-pill);background:var(--accent-gradient);height:100%;transition:width 1s linear}.login-status-row{align-items:center;gap:var(--space-2);color:var(--text-secondary);font-size:var(--text-sm);display:flex}.login-spinner{border:2px solid var(--accent-soft);border-top-color:var(--accent);border-radius:50%;width:16px;height:16px;animation:.8s linear infinite spin}.connection-flow,.connection-flow-container{width:100%}.connection-flow-step{gap:var(--space-4);flex-direction:column;display:flex}.connection-flow-step .step-header{gap:var(--space-1);flex-direction:column;display:flex}.connection-flow-step .step-header h3{color:var(--text-primary);margin:0;font-size:1.1rem;font-weight:600}.connection-flow-step .step-header p{color:var(--text-secondary);margin:0;font-size:.875rem;line-height:1.5}.connection-flow-step .step-content{gap:var(--space-3);flex-direction:column;display:flex}.connection-flow-step .step-actions{gap:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--line);justify-content:flex-end;display:flex}.auth-info{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-muted);flex-direction:column;display:flex}.auth-info p{color:var(--text-secondary);margin:0;font-size:.8125rem;line-height:1.5}.auth-type-badge{display:inline-flex}.auth-url-section{gap:var(--space-2);padding:var(--space-3);flex-direction:column;align-items:center;display:flex}.auth-url-link{align-items:center;gap:var(--space-1);color:var(--accent);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--accent-soft);font-size:.9rem;font-weight:500;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.auth-url-link:hover{background:var(--accent-soft);border-color:var(--accent)}.auth-url-link .link-icon{width:14px;height:14px}.auth-instructions{color:var(--text-secondary);text-align:center;margin:0;font-size:.8125rem}.connection-error{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--danger) 8%, transparent);border:1px solid color-mix(in srgb, var(--danger) 25%, transparent);color:var(--danger);font-size:.8125rem;line-height:1.5;display:flex}.connection-error .error-icon{flex-shrink:0;width:16px;height:16px;margin-top:1px}.connection-warning{align-items:flex-start;gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--warning,#f59e0b) 8%, transparent);border:1px solid color-mix(in srgb, var(--warning,#f59e0b) 25%, transparent);color:var(--text-primary);font-size:.8125rem;line-height:1.5;display:flex}.connection-warning .error-icon{width:16px;height:16px;color:var(--warning,#f59e0b);flex-shrink:0;margin-top:1px}.connection-warning-body{gap:var(--space-1);flex-direction:column;display:flex}.connection-warning-fix{color:var(--text-secondary);font-size:.75rem;font-style:italic}.connection-notice{padding:var(--space-3);border-radius:var(--radius-sm);background:var(--surface-muted);font-size:.8125rem}.connection-notice p{margin:0 0 var(--space-2);font-weight:500}.connection-validating{align-items:center;gap:var(--space-2);padding:var(--space-3);color:var(--text-secondary);font-size:.875rem;display:flex}.success-message{padding:var(--space-3);border-radius:var(--radius-sm);background:color-mix(in srgb, var(--success,#22c55e) 8%, transparent);border:1px solid color-mix(in srgb, var(--success,#22c55e) 25%, transparent)}.success-message p{color:var(--text-primary);margin:0;font-size:.8125rem}.success-icon{width:24px;height:24px;color:var(--success,#22c55e)}.validation-check-list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.validation-check-list li{align-items:center;gap:var(--space-1);font-size:.8125rem;display:flex}.validation-check-list .check-pass{color:var(--success,#22c55e)}.validation-check-list .check-fail{color:var(--text-secondary)}.validation-check-list .success-icon,.validation-check-list .error-icon{width:14px;height:14px}.add-key-form{gap:var(--space-3);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);margin-bottom:var(--space-1);font-size:.75rem;font-weight:600;display:block}.form-input-row{gap:var(--space-2);align-items:center;display:flex}.form-input-row .form-input{flex:1}.add-key-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.8125rem;font-weight:500;display:inline-flex}.add-key-badge.valid{color:var(--success,#22c55e);background:color-mix(in srgb, var(--success,#22c55e) 8%, transparent)}.add-key-badge.valid .success-icon{width:14px;height:14px}.add-key-badge.invalid{color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, transparent)}.add-key-badge.invalid .error-icon{width:14px;height:14px}.add-key-badge.warning{color:var(--warning,#f59e0b);background:color-mix(in srgb, var(--warning,#f59e0b) 8%, transparent)}.add-key-badge.warning .error-icon{width:14px;height:14px}.auth-method-cards{gap:var(--space-2);grid-template-columns:1fr 1fr;display:grid}.auth-method-card{align-items:center;gap:var(--space-1);padding:var(--space-4) var(--space-3);border:2px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);cursor:pointer;text-align:center;flex-direction:column;transition:border-color .15s,background .15s,box-shadow .15s;display:flex}.auth-method-card:hover{border-color:var(--accent-soft);background:color-mix(in srgb, var(--accent) 4%, var(--surface-muted))}.auth-method-card.selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-muted));box-shadow:0 0 0 1px var(--accent)}.auth-method-card strong{color:var(--text-primary);font-size:.875rem}.auth-method-card span{color:var(--text-secondary);font-size:.75rem}.device-user-code{font-family:var(--font-mono,"JetBrains Mono", monospace);letter-spacing:.15em;text-align:center;padding:var(--space-4) var(--space-3);background:var(--surface-muted);border:2px dashed var(--accent-soft);border-radius:var(--radius-sm);color:var(--accent);-webkit-user-select:all;user-select:all;font-size:2rem;font-weight:700}.callback-help{color:var(--text-secondary);font-size:.75rem}.callback-help code{margin-top:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-muted);word-break:break-all;border-radius:4px;font-size:.7rem;display:block}.pd9-add-model-form{gap:var(--space-2);padding:var(--space-3);border:1px dashed var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);flex-direction:column;display:flex}.pd9-add-model-form .form-input{padding:6px 10px;font-size:.8125rem}@media (prefers-reduced-motion:no-preference){@keyframes rise-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.screen-stack>*,.detail-page-grid>*,.stat-grid>*{animation:.46s cubic-bezier(.22,1,.36,1) both rise-in}.screen-stack>:first-child{animation-delay:0s}.screen-stack>:nth-child(2){animation-delay:55ms}.screen-stack>:nth-child(3){animation-delay:.11s}.screen-stack>:nth-child(4){animation-delay:.165s}.screen-stack>:nth-child(5){animation-delay:.22s}.screen-stack>:nth-child(6){animation-delay:.275s}.stat-grid>:nth-child(2){animation-delay:45ms}.stat-grid>:nth-child(3){animation-delay:90ms}.stat-grid>:nth-child(4){animation-delay:.135s}.stat-grid>:nth-child(5){animation-delay:.18s}.stat-grid>:nth-child(6){animation-delay:.225s}.login-card{animation:.52s cubic-bezier(.22,1,.36,1) both rise-in}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}.tab-navigation{margin-bottom:var(--space-6)}.tab-list{gap:var(--space-1);border-bottom:1px solid var(--line);padding-bottom:0;display:flex}.tab-button{padding:var(--space-3) var(--space-4);font-size:var(--text-md);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-md) var(--radius-md) 0 0;background:0 0;border:none;font-weight:500;transition:all .2s;position:relative}.tab-button:hover{color:var(--text-primary);background:var(--surface-muted)}.tab-button-active{color:var(--accent);background:var(--surface);border-bottom:2px solid var(--accent)}.tab-button-active:hover{color:var(--accent-strong);background:var(--surface-hover)}.tab-content .screen{padding:0}.tab-content .screen>.page-header{display:none}.nav-group{margin-bottom:var(--space-2)}.nav-group-header{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-md);-webkit-user-select:none;user-select:none;font-weight:600;transition:all .22s;display:flex}.nav-group-header.collapsible{cursor:pointer}.nav-group-header.collapsible:hover{color:var(--text-primary);background:var(--surface-muted)}.nav-group-header.active{color:var(--accent)}.nav-group-header .nav-icon{opacity:.7;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-group-header.active .nav-icon{opacity:1}.nav-collapse-icon{transition:transform var(--animation-normal) var(--animation-easing), opacity var(--animation-normal) var(--animation-easing);opacity:.4;justify-content:center;align-items:center;margin-left:auto;font-size:8px;display:flex}.nav-collapse-icon.collapsed{transform:rotate(-90deg)}.nav-collapse-icon.expanded{transform:rotate(0)}.nav-group-items{margin-left:var(--space-6);margin-top:var(--space-1)}.nav-group-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-md);min-width:0;text-decoration:none;transition:all .22s;display:flex;position:relative}.nav-group-item:hover{color:var(--text-primary);background:var(--surface-muted)}.nav-group-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, transparent);border-left:3px solid var(--accent);padding-left:calc(var(--space-4) - 3px)}.nav-group-item .nav-icon{opacity:.7;justify-content:center;align-items:center;width:18px;height:18px;display:flex}.nav-group-item.active .nav-icon{opacity:1}.nav-badge{padding:2px var(--space-2);background:var(--accent);color:#fff;font-size:var(--text-xs);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.025em;margin-left:auto;font-weight:500}@media (width<=980px){.nav-group-header{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.nav-group-items{margin-left:var(--space-4)}.nav-group-item{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.nav-group{margin-bottom:var(--space-1)}.nav-collapse-icon{font-size:8px}.nav-badge{display:none}}@media (width<=720px){.nav-group-header{padding:var(--space-1) var(--space-2)}.nav-group-items{margin-left:var(--space-3)}.nav-group-item{padding:var(--space-1) var(--space-2)}.nav-group-header .nav-label,.nav-group-item .nav-label{font-size:var(--text-xs)}}.sidebar-product-header{gap:var(--space-3);padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-strong);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;position:relative;overflow:hidden}.sidebar-product-header:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff05 0%,#0000 100%);position:absolute;inset:0}.window-dots{gap:var(--space-2);justify-content:flex-start;align-items:center;display:flex}.window-dot{opacity:.6;border-radius:50%;width:12px;height:12px;transition:opacity .22s}.window-dot-close{background:#ff5f57}.window-dot-minimize{background:#ffbd2e}.window-dot-maximize{background:#28ca42}.sidebar-product-header:hover .window-dot{opacity:1}.product-info{align-items:center;gap:var(--space-3);display:flex}.product-mark{background:var(--accent-gradient);color:#fff;letter-spacing:.04em;border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:.9rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #0a84ff26}.product-details{flex:1;min-width:0}.product-name{font-size:var(--text-md);font-weight:700;line-height:var(--leading-tight);letter-spacing:-.01em;color:var(--text-primary);margin:0}.product-version{font-size:var(--text-xs);color:var(--text-secondary);margin:1px 0 0;font-weight:500}.sidebar-nav{gap:var(--space-3);padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface-muted);display:grid}.nav-section{gap:var(--space-1);display:grid}.nav-section-system{margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--line)}.nav-section-header{align-items:center;gap:var(--space-3);padding:8px var(--space-3);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;border-radius:var(--radius-md);transition:all var(--animation-normal) var(--animation-easing);-webkit-user-select:none;user-select:none;border:1px solid #0000;font-weight:700;display:flex}.nav-section-header.collapsible{cursor:pointer}.nav-section-header.collapsible:hover{color:var(--text-secondary);background:var(--surface-hover);border-color:var(--line)}.nav-section-header.active{color:var(--accent)}.nav-section-icon{opacity:.8;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.nav-section-header.active .nav-section-icon{opacity:1;color:var(--accent)}.nav-section-label{flex:1;font-weight:700}.nav-section-items{margin-left:var(--space-1);gap:1px;display:grid}.nav-item{align-items:center;gap:var(--space-3);min-height:38px;padding:var(--space-2) var(--space-3);color:var(--text-secondary);border-radius:var(--radius-md);transition:color var(--animation-normal) var(--animation-easing), background-color var(--animation-normal) var(--animation-easing), transform var(--animation-normal) var(--animation-easing), box-shadow var(--animation-normal) var(--animation-easing);font-size:var(--text-sm);border:1px solid #0000;min-width:0;text-decoration:none;display:flex;position:relative}.nav-item:hover{color:var(--text-primary);background:var(--surface-hover);border-color:var(--line);transform:translateY(-1px)scale(1.01);box-shadow:0 4px 12px #00000008}[data-theme=dark] .nav-item:hover{box-shadow:0 4px 12px #00000026}.nav-item.active{color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--surface-strong));border:1px solid color-mix(in srgb, var(--accent) 15%, var(--line));box-shadow:0 4px 16px color-mix(in srgb, var(--accent) 4%, transparent), inset 0 1px 0 #ffffff0a}[data-theme=dark] .nav-item.active{box-shadow:0 4px 20px #0003,inset 0 1px #ffffff05}.nav-item.active:before{content:"";border-radius:0 var(--radius-pill) var(--radius-pill) 0;background:var(--accent-gradient);width:3px;height:18px;box-shadow:0 0 6px var(--accent-soft);position:absolute;top:50%;left:-1px;transform:translateY(-50%)}.nav-item-icon{opacity:.7;justify-content:center;align-items:center;width:18px;height:18px;transition:all .22s;display:flex}.nav-item:hover .nav-item-icon,.nav-item.active .nav-item-icon{opacity:1;color:var(--accent-strong)}.nav-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-weight:500;overflow:hidden}.nav-item-badge{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent-strong);border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;transition:all var(--animation-fast) var(--animation-easing);margin-left:auto;padding:2px 6px;font-size:9px;font-weight:700;box-shadow:0 2px 8px #00000005}.nav-item:hover .nav-item-badge{background:color-mix(in srgb, var(--accent) 20%, transparent);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}.nav-item.active .nav-item-badge{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);border-color:color-mix(in srgb, var(--accent) 30%, transparent)}.sidebar-footer{padding:var(--space-3) var(--space-2);margin-top:auto}.server-status-footer{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:38px;padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;box-shadow:var(--shadow-sm);font-weight:700;display:flex}.pulse-indicator-dot{background-color:var(--success);width:8px;height:8px;box-shadow:0 0 0 3px var(--success-soft);border-radius:50%;animation:2s ease-in-out infinite pulse-glow-success}@keyframes pulse-glow-success{0%,to{opacity:1;box-shadow:0 0 0 0px var(--success-soft);transform:scale(1)}50%{opacity:.8;box-shadow:0 0 0 4px var(--success-soft);transform:scale(1.05)}}@media (width<=980px){.sidebar-product-header{padding:var(--space-4)}.product-info{gap:var(--space-3)}.product-mark{width:40px;height:40px;font-size:.9rem}.product-name{font-size:var(--text-base)}.nav-section-header{padding:var(--space-2);font-size:10px}.nav-item{min-height:40px;padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.nav-item-badge{display:none}}@media (width<=720px){.window-dots{display:none}.sidebar-product-header{padding:var(--space-3)}.product-info{gap:var(--space-2)}.product-mark{width:36px;height:36px;font-size:.8rem}.product-name{font-size:var(--text-md)}.product-version{font-size:var(--text-xs)}.nav-section-header{padding:var(--space-1) var(--space-2)}.nav-item{min-height:36px;padding:var(--space-1) var(--space-2)}.shutdown-button{min-height:40px;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}.endpoint-screen-layout{gap:var(--space-6);max-width:var(--content-max-width);margin:0 auto;display:grid}.endpoint-top-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.endpoint-stats-row{gap:var(--space-4);grid-template-columns:repeat(5,1fr);display:grid}.endpoint-bottom-row{gap:var(--space-5);grid-template-columns:1fr 2fr;display:grid}.endpoint-setup-row{grid-template-columns:1fr;display:grid}.endpoint-status-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.status-item{align-items:center;gap:var(--space-3);display:flex}.status-indicator{justify-content:center;align-items:center;width:32px;height:32px;display:flex}.status-icon{width:20px;height:20px}.status-icon.status-healthy{color:var(--status-healthy)}.status-icon.status-error{color:var(--status-error)}.status-details{flex:1;min-width:0}.status-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:2px;font-weight:600}.status-value{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.endpoint-url-section{padding-top:var(--space-4);border-top:1px solid var(--line)}.endpoint-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:600}.endpoint-url-container{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);display:flex}.endpoint-url{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--text-md);color:var(--accent-strong);background:0 0;border:none;outline:none;flex:1}.copy-button,.copy-command-button{padding:var(--space-1) var(--space-3);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-xs);cursor:pointer;border:none;font-weight:600;transition:all .22s}.copy-button:hover,.copy-command-button:hover{background:var(--accent-strong);transform:translateY(-1px)}.copy-button:active,.copy-command-button:active{transform:scale(.98)}.active-provider-info{gap:var(--space-4);display:grid}.provider-header-row{align-items:center;gap:var(--space-4);display:flex}.provider-vendor-icon{-webkit-user-select:none;user-select:none;font-size:2rem;line-height:1}.provider-details-wrapper{flex:1;min-width:0}.provider-name{font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:700}.provider-meta-row{align-items:center;gap:var(--space-2);margin-top:4px;display:flex}.provider-model-wrapper{padding-top:var(--space-3);border-top:1px solid var(--line);margin-top:var(--space-2)}.active-provider-card-anthropic{background:#f5a6230f!important;border-color:#f5a62338!important}.active-provider-card-anthropic .provider-name{color:var(--warning)!important}.active-provider-card-openai{background:#30d1580f!important;border-color:#30d15838!important}.active-provider-card-openai .provider-name{color:var(--success)!important}.active-provider-card-google{background:#0a84ff0f!important;border-color:#0a84ff38!important}.active-provider-card-google .provider-name{color:var(--accent)!important}.active-provider-card-kiro{background:#6f5bff0f!important;border-color:#6f5bff38!important}.active-provider-card-kiro .provider-name{color:var(--accent-2)!important}.active-provider-card-default{border-color:var(--line)!important;background:var(--neutral-soft)!important}.fallback-tiers-list{gap:var(--space-3);display:grid}.fallback-tier-item{gap:var(--space-2);padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;transition:all .22s;display:flex}.fallback-tier-item:hover{background:var(--surface-hover);transform:translateY(-1px)}.tier-header{justify-content:space-between;align-items:center;width:100%;display:flex}.tier-name{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.tier-stats{font-size:var(--text-xs);color:var(--text-secondary)}.tier-progress-container{background:var(--surface-muted);border-radius:var(--radius-pill);width:100%;height:6px;margin:var(--space-1) 0;overflow:hidden}.tier-progress-fill-healthy{background-color:var(--success)}.tier-progress-fill-warning{background-color:var(--warning)}.tier-progress-fill-not_configured{background-color:var(--line-strong)}.tier-footer{justify-content:flex-start;margin-top:4px;display:flex}.routing-pipeline{align-items:center;gap:var(--space-2);padding:var(--space-2);display:flex;overflow-x:auto}.pipeline-step{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;min-width:120px;display:flex}.step-indicator{background:var(--surface-strong);border:2px solid var(--status-healthy);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.step-icon{width:20px;height:20px;color:var(--status-healthy)}.step-details{flex:1;min-width:0}.step-name{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:2px;font-weight:600}.step-description{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-body)}.pipeline-arrow{font-size:var(--text-lg);color:var(--text-muted);margin:0 var(--space-1);flex-shrink:0}.setup-commands{gap:var(--space-4);display:grid}.setup-command-item{border:1px solid var(--line);border-radius:var(--radius-md);overflow:hidden}.command-header{padding:var(--space-3) var(--space-4);background:var(--surface-strong);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;display:flex}.command-tool{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.command-code{padding:var(--space-4);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--text-sm);line-height:var(--leading-body);color:var(--text-primary);background:var(--surface);white-space:pre-wrap;word-break:break-all;margin:0;overflow-x:auto}@media (width<=1180px){.endpoint-top-row{grid-template-columns:1fr}.endpoint-stats-row{grid-template-columns:repeat(3,1fr)}.endpoint-bottom-row{grid-template-columns:1fr}}@media (width<=980px){.endpoint-stats-row{grid-template-columns:repeat(2,1fr)}.endpoint-status-grid{grid-template-columns:1fr}.routing-pipeline{flex-direction:column;align-items:stretch}.pipeline-step{text-align:left;flex-direction:row;min-width:auto}.pipeline-arrow{align-self:center;transform:rotate(90deg)}}@media (width<=720px){.endpoint-stats-row{grid-template-columns:1fr}.endpoint-screen-layout{gap:var(--space-4)}.command-header{align-items:stretch;gap:var(--space-2);flex-direction:column}.command-code{font-size:var(--text-xs)}}.providers-screen-layout{gap:var(--space-6);max-width:var(--content-max-width);margin:0 auto;display:grid}.providers-stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.providers-controls-row{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.providers-tiers{gap:var(--space-6);display:grid}.provider-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);box-shadow:var(--shadow-sm);transition:all .22s;display:grid}.provider-card:hover{background:var(--surface-hover);border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-card-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);display:flex}.provider-info{align-items:flex-start;gap:var(--space-3);flex:1;min-width:0;display:flex}.provider-icon{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent-strong);flex-shrink:0;justify-content:center;align-items:center;display:flex}.provider-icon svg{width:20px;height:20px}.provider-details{flex:1;min-width:0}.provider-name{font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:var(--leading-tight);margin-bottom:2px}.provider-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body)}.provider-badges{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.provider-card-body{gap:var(--space-4);display:grid}.provider-stats{gap:var(--space-3);grid-template-columns:repeat(3,1fr);display:grid}.stat-item{text-align:center}.stat-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;margin-bottom:2px;font-weight:600}.stat-value{font-size:var(--text-md);color:var(--text-primary);font-weight:700}.provider-quota{padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md)}.quota-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.quota-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:600}.quota-percent{font-size:var(--text-sm);color:var(--text-primary);font-weight:700}.quota-bar{background:var(--line);border-radius:var(--radius-pill);height:6px;overflow:hidden}.quota-fill{border-radius:var(--radius-pill);height:100%;transition:all .22s}.provider-services{gap:var(--space-2);flex-wrap:wrap;display:flex}.service-chip{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-xs);color:var(--text-secondary);font-weight:500;display:inline-flex}.provider-risk-notice{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--warning-soft);border:1px solid var(--warning);border-radius:var(--radius-md);display:flex}.risk-icon{width:16px;height:16px;color:var(--warning);flex-shrink:0}.risk-message{font-size:var(--text-sm);color:var(--warning);font-weight:500}.provider-eligibility{justify-content:center;align-items:center;display:flex}.eligibility-status{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;display:flex}.eligibility-ready{background:var(--success-soft);color:var(--success);border:1px solid var(--success)}.eligibility-not-ready{background:var(--danger-soft);color:var(--danger);border:1px solid var(--danger)}.eligibility-icon{flex-shrink:0;width:16px;height:16px}.provider-card-footer{gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--line);display:flex}.provider-primary-action{padding:var(--space-2) var(--space-4);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;flex:1;font-weight:600;transition:all .22s}.provider-primary-action:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff4d}.provider-primary-action:active{transform:scale(.98)}.provider-secondary-action{padding:var(--space-2) var(--space-4);background:var(--surface-strong);color:var(--text-secondary);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .22s}.provider-secondary-action:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--line-strong);transform:translateY(-1px)}.provider-secondary-action:active{transform:scale(.98)}.tier-section{gap:var(--space-4);display:grid}.tier-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-card);display:flex}.tier-info{flex:1;min-width:0}.tier-title{font-size:var(--text-xl);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-weight:700;line-height:var(--leading-tight)}.tier-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);margin:0}.tier-stats{align-items:center;gap:var(--space-4);flex-shrink:0;display:flex}.tier-stat{font-size:var(--text-sm);color:var(--text-secondary);white-space:nowrap;font-weight:500}.tier-providers{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.provider-filters,.filters-section{gap:var(--space-4);display:grid}.filter-group{gap:var(--space-2);display:grid}.filter-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:600}.filter-options{gap:var(--space-2);flex-wrap:wrap;display:flex}.filter-button{min-height:32px;padding:4px var(--space-3);font-size:var(--text-xs);text-transform:capitalize;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--surface-strong);color:var(--text-secondary);cursor:pointer;transition:all var(--animation-normal) var(--animation-easing);justify-content:center;align-items:center;font-weight:600;display:inline-flex}.filter-button:hover{border-color:var(--line-strong);background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px)}.filter-button:active{transform:scale(.97)}.filter-button.active{background:var(--accent-soft);color:var(--accent-strong);border-color:color-mix(in srgb, var(--accent) 30%, var(--line))}.filter-option{align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);display:flex}.filter-option input[type=checkbox]{width:16px;height:16px;accent-color:var(--accent)}.filter-option-label{text-transform:capitalize}.filter-option:hover .filter-option-label{color:var(--text-primary)}.page-actions{align-items:center;gap:var(--space-3);display:flex}.button-primary{padding:var(--space-2) var(--space-4);background:var(--accent-gradient);color:#fff;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:none;font-weight:600;transition:all .22s}.button-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff4d}.button-primary:active{transform:scale(.98)}@media (width<=1180px){.providers-controls-row{grid-template-columns:1fr}.tier-providers{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@media (width<=980px){.providers-stats-row{grid-template-columns:repeat(2,1fr)}.tier-header{text-align:center;flex-direction:column;align-items:stretch}.tier-stats{justify-content:center}.provider-stats{gap:var(--space-2);grid-template-columns:repeat(3,1fr)}}@media (width<=720px){.providers-stats-row,.tier-providers{grid-template-columns:1fr}.provider-card{padding:var(--space-4)}.provider-info{text-align:center;flex-direction:column;align-items:stretch}.provider-badges{justify-content:center}.provider-stats{text-align:center;grid-template-columns:1fr}.provider-card-footer{flex-direction:column}.tier-stats{gap:var(--space-2);flex-direction:column}}[data-theme=dark] .provider-card:hover{background:var(--surface-hover)}[data-theme=dark] .provider-risk-notice{background:#f5a6231a}[data-theme=dark] .eligibility-ready{background:#1880381a}[data-theme=dark] .eligibility-not-ready{background:#d930251a}.provider-detail-layout{gap:var(--space-6);max-width:var(--content-max-width);margin:0 auto;display:grid}.provider-detail-header{padding:var(--space-6);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--hero-surface);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);box-shadow:var(--shadow-md)}.provider-header-main{justify-content:space-between;align-items:flex-start;gap:var(--space-6);display:flex}.provider-header-info{align-items:flex-start;gap:var(--space-4);flex:1;min-width:0;display:flex}.provider-header-icon{border-radius:var(--radius-md);background:var(--accent-gradient);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;display:flex;box-shadow:0 8px 20px #0a84ff33}.provider-header-icon svg{width:32px;height:32px}.provider-header-details{flex:1;min-width:0}.provider-header-name{font-size:var(--text-3xl);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:700;line-height:var(--leading-tight)}.provider-header-description{font-size:var(--text-lg);color:var(--text-secondary);margin:0 0 var(--space-3) 0;line-height:var(--leading-body)}.provider-external-link{font-size:var(--text-sm);color:var(--accent);font-weight:600;text-decoration:none;transition:color .22s}.provider-external-link:hover{color:var(--accent-strong)}.provider-header-meta{align-items:flex-end;gap:var(--space-3);flex-direction:column;flex-shrink:0;display:flex}.provider-connection-count{text-align:center}.connection-count-number{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700;line-height:1;display:block}.connection-count-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.provider-header-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-risk-banner{padding:var(--space-4) var(--space-5);border-radius:var(--radius-card);margin-bottom:var(--space-4);border:1px solid}.risk-banner-content{align-items:flex-start;gap:var(--space-3);display:flex}.risk-banner-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.risk-banner-text{flex:1;min-width:0}.risk-banner-title{font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:700}.risk-banner-message{font-size:var(--text-sm);line-height:var(--leading-body)}.risk-banner-link{font-size:var(--text-sm);flex-shrink:0;font-weight:600;text-decoration:none}.provider-detail-grid{gap:var(--space-6);grid-template-columns:2fr 1fr;display:grid}.provider-detail-main{gap:var(--space-6);display:grid}.provider-detail-sidebar{gap:var(--space-4);align-content:start;display:grid}.pd9-grid{grid-template-columns:1fr}.pd9-layout{gap:var(--space-5);display:grid}.pd9-header{gap:var(--space-4);flex-direction:column;display:flex}.pd9-back{color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;background:0 0;border:none;align-self:flex-start;padding:0;font-weight:600;transition:color .18s}.pd9-back:hover{color:var(--text-primary)}.pd9-title-row{align-items:center;gap:var(--space-4);display:flex}.pd9-icon-tile{border-radius:var(--radius-lg,16px);background:linear-gradient(135deg, var(--accent), color-mix(in srgb, var(--accent) 60%, #7c3aed));color:#fff;width:56px;height:56px;box-shadow:0 8px 24px -10px color-mix(in srgb, var(--accent) 80%, transparent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pd9-icon-tile svg{width:30px;height:30px}.pd9-title-main{min-width:0}.pd9-title-line{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pd9-title{font-size:var(--text-2xl,1.75rem);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-weight:800}.pd9-signup-link{font-size:var(--text-sm);color:var(--accent);white-space:nowrap;font-weight:600;text-decoration:none}.pd9-signup-link:hover{text-decoration:underline}.pd9-connection-count{font-size:var(--text-sm);color:var(--text-secondary);margin-top:4px}.pd9-conn-controls{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.pd9-test-onebyone{align-items:center;gap:var(--space-2);padding:6px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .18s;display:inline-flex}.pd9-test-onebyone:hover:not(:disabled){border-color:var(--line-strong);color:var(--text-primary)}.pd9-test-onebyone:disabled{opacity:.5;cursor:not-allowed}.pd9-btn-icon{width:15px;height:15px}.pd9-rotation-control,.pd9-sticky-control{align-items:center;gap:var(--space-2);display:inline-flex}.pd9-rotation-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:600}.pd9-sticky-input{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-input,var(--surface-strong));width:48px;color:var(--text-primary);font-size:var(--text-sm);text-align:center;padding:4px 8px}.pd9-sticky-input:disabled{opacity:.5}.pd9-switch{background:var(--line-strong,#4b5563);cursor:pointer;border:none;border-radius:999px;flex-shrink:0;width:40px;height:22px;padding:0;transition:background .2s;position:relative}.pd9-switch.sm{width:34px;height:19px}.pd9-switch.on{background:var(--accent)}.pd9-switch:disabled{opacity:.5;cursor:not-allowed}.pd9-switch-knob{background:#fff;border-radius:50%;width:18px;height:18px;transition:transform .2s;position:absolute;top:2px;left:2px}.pd9-switch.sm .pd9-switch-knob{width:15px;height:15px}.pd9-switch.on .pd9-switch-knob{transform:translate(18px)}.pd9-switch.sm.on .pd9-switch-knob{transform:translate(15px)}.pd9-conn-list{gap:var(--space-2);display:grid}.pd9-conn-row{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-muted);transition:border-color .18s,opacity .18s;display:flex}.pd9-conn-row:hover{border-color:var(--line-strong)}.pd9-conn-row.is-disabled{opacity:.55}.pd9-conn-reorder{flex-direction:column;gap:2px;display:flex}.pd9-reorder-btn{width:22px;height:16px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:color .16s,background .16s;display:flex}.pd9-reorder-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-strong)}.pd9-reorder-btn:disabled{opacity:.3;cursor:not-allowed}.pd9-conn-lock{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:flex}.pd9-conn-main{flex:1;min-width:0}.pd9-conn-label{font-size:var(--text-md);color:var(--text-primary);font-weight:600}.pd9-conn-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;margin-top:3px;display:flex}.pd9-status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.pd9-status-dot.ok{background:var(--success,#30d158);box-shadow:0 0 0 3px color-mix(in srgb, var(--success,#30d158) 25%, transparent)}.pd9-status-dot.bad{background:var(--danger,#ff6961);box-shadow:0 0 0 3px color-mix(in srgb, var(--danger,#ff6961) 25%, transparent)}.pd9-status-text{font-size:var(--text-xs);color:var(--text-secondary);text-transform:capitalize;font-weight:600}.pd9-conn-chip{font-size:var(--text-xs);color:var(--text-secondary);background:var(--surface-strong);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-weight:600}.pd9-conn-index{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.pd9-conn-testresult{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:500}.pd9-conn-testresult.ok{color:var(--success,#30d158)}.pd9-conn-testresult.bad{color:var(--danger,#ff6961)}.pd9-conn-actions{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.pd9-icon-btn{width:30px;height:30px;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .16s;display:flex}.pd9-icon-btn:hover:not(:disabled){color:var(--text-primary);background:var(--surface-strong);border-color:var(--line)}.pd9-icon-btn.danger:hover:not(:disabled){color:var(--danger,#ff6961);border-color:color-mix(in srgb, var(--danger,#ff6961) 40%, transparent)}.pd9-icon-btn:disabled{opacity:.5;cursor:not-allowed}.pd9-action-icon{width:15px;height:15px}.pd9-add-btn{align-items:center;gap:var(--space-2);margin-top:var(--space-1);padding:6px var(--space-4);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;align-self:flex-start;font-weight:600;transition:all .18s;display:inline-flex}.pd9-add-btn:hover{background:color-mix(in srgb, var(--accent) 12%, transparent);border-color:var(--accent)}.pd9-models-actions{align-items:center;gap:var(--space-2);display:flex}.pd9-disable-all{padding:6px var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600}.pd9-disable-all:disabled{opacity:.5;cursor:not-allowed}.pd9-models-grid{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.pd9-model-pill{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-muted);min-width:0;transition:border-color .16s;display:flex}.pd9-model-pill:hover{border-color:var(--line-strong)}.pd9-model-icon{font-size:var(--text-sm);opacity:.7;flex-shrink:0}.pd9-model-id{min-width:0;font-family:var(--font-mono,monospace);font-size:var(--text-sm);color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.pd9-model-copy{width:26px;height:26px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:all .16s;display:flex}.pd9-model-copy:hover{color:var(--text-primary);background:var(--surface-strong)}.pd9-add-model{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px dashed var(--line-strong);border-radius:var(--radius-sm);color:var(--accent);font-size:var(--text-sm);cursor:pointer;background:0 0;font-weight:600;display:inline-flex}.pd9-add-model:disabled{opacity:.6;cursor:not-allowed}.pd9-models-empty{padding:var(--space-5);text-align:center;color:var(--text-secondary);font-size:var(--text-sm);grid-column:1/-1}@media (width<=720px){.pd9-models-grid{grid-template-columns:1fr}}.connections-actions{align-items:center;gap:var(--space-2);display:flex}.test-all-button,.add-account-button{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .22s}.add-account-button{background:var(--accent);color:#fff;border-color:var(--accent)}.test-all-button:hover,.add-account-button:hover{transform:translateY(-1px)}.test-all-button:disabled{opacity:.5;cursor:not-allowed;transform:none}.connections-list{gap:var(--space-3);display:grid}.connection-item{border:1px solid var(--line);border-radius:var(--radius-md);transition:all .22s;overflow:hidden}.connection-item:hover{border-color:var(--line-strong)}.connection-header{padding:var(--space-3) var(--space-4);cursor:pointer;justify-content:space-between;align-items:center;transition:background-color .22s;display:flex}.connection-header:hover{background:var(--surface-muted)}.connection-info{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.connection-expand-icon{font-size:var(--text-xs);color:var(--text-muted);text-align:center;width:12px;transition:transform .22s}.connection-auth-icon{width:20px;height:20px;color:var(--accent);flex-shrink:0}.connection-details{flex:1;min-width:0}.connection-label{font-size:var(--text-md);color:var(--text-primary);margin-bottom:2px;font-weight:600}.connection-meta{align-items:center;gap:var(--space-2);display:flex}.connection-priority{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.connection-actions{align-items:center;gap:var(--space-2);display:flex}.test-connection-button,.connection-menu-button{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;font-weight:600;transition:all .22s}.test-connection-button:hover,.connection-menu-button:hover{background:var(--surface-hover);color:var(--text-primary)}.test-connection-button:disabled{opacity:.5;cursor:not-allowed}.connection-expanded{padding:var(--space-4);background:var(--surface-muted);border-top:1px solid var(--line)}.connection-expanded-grid{gap:var(--space-4);margin-bottom:var(--space-4);grid-template-columns:repeat(3,1fr);display:grid}.connection-field{gap:var(--space-1);display:grid}.connection-field-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:600}.connection-field-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.connection-routing-select{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-primary);font-size:var(--text-sm)}.connection-quota,.connection-test-result{margin:var(--space-4) 0;padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md)}.test-result-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.test-result-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.025em;font-weight:600}.test-result-details{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2)}.test-latency{color:var(--text-muted)}.test-result-suggestion{font-size:var(--text-sm);color:var(--text-secondary);font-style:italic}.connection-expanded-actions{gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--line);display:flex}.reconnect-button,.edit-account-button,.delete-account-button{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .22s}.delete-account-button{color:var(--danger);border-color:var(--danger)}.reconnect-button:hover,.edit-account-button:hover{background:var(--surface-hover);color:var(--text-primary)}.delete-account-button:hover{background:var(--danger-soft)}.models-actions{align-items:center;gap:var(--space-2);display:flex}.disable-all-button,.add-model-button{padding:var(--space-1) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .22s}.add-model-button{background:var(--accent);color:#fff;border-color:var(--accent)}.disable-all-button:hover,.add-model-button:hover{transform:translateY(-1px)}.models-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.model-card{padding:var(--space-4);border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface-strong);transition:all .22s}.model-card.enabled{background:var(--surface);border-color:var(--accent)}.model-card.disabled{opacity:.6}.model-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-1px)}.model-header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);display:flex}.model-info{flex:1;min-width:0}.model-name{font-size:var(--text-md);color:var(--text-primary);margin-bottom:2px;font-weight:700}.model-id{font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,monospace;font-size:var(--text-sm);color:var(--text-muted)}.model-actions{align-items:center;gap:var(--space-2);display:flex}.copy-model-button{padding:var(--space-1) var(--space-2);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;font-weight:600;transition:all .22s}.copy-model-button:hover{background:var(--surface-hover);color:var(--text-primary)}.model-toggle{width:40px;height:20px;display:inline-block;position:relative}.model-toggle input{opacity:0;width:0;height:0}.toggle-slider{cursor:pointer;background-color:var(--line);border-radius:20px;transition:all .4s;position:absolute;inset:0}.toggle-slider:before{content:"";background-color:#fff;border-radius:50%;width:16px;height:16px;transition:all .4s;position:absolute;bottom:2px;left:2px}.model-toggle input:checked+.toggle-slider{background-color:var(--accent)}.model-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.model-details{gap:var(--space-2);display:grid}.model-service{margin-bottom:var(--space-2)}.model-spec{font-size:var(--text-sm);justify-content:space-between;display:flex}.spec-label{color:var(--text-muted);font-weight:500}.spec-value{color:var(--text-primary);font-weight:600}.model-capabilities{gap:var(--space-1);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.capability-chip{padding:2px var(--space-2);background:var(--accent-soft);color:var(--accent-strong);font-size:var(--text-xs);border-radius:var(--radius-pill);font-weight:500}.health-status-content{gap:var(--space-3);text-align:center;display:grid}.health-status-main{gap:var(--space-2);display:grid}.health-message{font-size:var(--text-sm);color:var(--text-secondary)}.health-last-check{font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-2);border-top:1px solid var(--line)}.quota-status-content{gap:var(--space-3);text-align:center;display:grid}.quota-usage{gap:var(--space-1);display:grid}.quota-percent-large{font-size:var(--text-3xl);color:var(--text-primary);font-weight:700}.quota-usage-text{font-size:var(--text-sm);color:var(--text-secondary)}.quota-bar-large{background:var(--line);border-radius:var(--radius-pill);height:8px;overflow:hidden}.quota-reset-info{font-size:var(--text-xs);color:var(--text-muted);padding-top:var(--space-2);border-top:1px solid var(--line)}.eligibility-content{gap:var(--space-3);display:grid}.eligibility-ready,.eligibility-not-ready{align-items:flex-start;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);display:flex}.eligibility-ready{background:var(--success-soft);border:1px solid var(--success)}.eligibility-not-ready{background:var(--danger-soft);border:1px solid var(--danger)}.eligibility-icon{flex-shrink:0;width:20px;height:20px;margin-top:2px}.eligibility-ready .eligibility-icon{color:var(--success)}.eligibility-not-ready .eligibility-icon{color:var(--danger)}.eligibility-text{flex:1}.eligibility-status{font-size:var(--text-md);margin-bottom:var(--space-1);font-weight:600}.eligibility-ready .eligibility-status{color:var(--success)}.eligibility-not-ready .eligibility-status{color:var(--danger)}.eligibility-score{font-size:var(--text-sm);color:var(--text-secondary)}.eligibility-reasons{gap:var(--space-1);display:grid}.eligibility-reason{font-size:var(--text-sm);color:var(--text-secondary)}.eligibility-fixes{padding:var(--space-3);background:var(--surface-strong);border:1px solid var(--line);border-radius:var(--radius-md)}.fixes-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.eligibility-fix{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-1)}.back-button{padding:var(--space-2) var(--space-4);background:var(--surface-strong);color:var(--text-secondary);border:1px solid var(--line);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;font-weight:600;transition:all .22s}.back-button:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px)}@media (width<=1180px){.provider-detail-grid{grid-template-columns:1fr}.provider-detail-sidebar{order:-1}}@media (width<=980px){.provider-header-main{text-align:center;flex-direction:column;align-items:stretch}.provider-header-meta{align-items:center}.connection-expanded-grid,.models-grid{grid-template-columns:1fr}}@media (width<=720px){.provider-detail-header{padding:var(--space-4)}.provider-header-info{text-align:center;flex-direction:column;align-items:center}.provider-header-name{font-size:var(--text-2xl)}.connection-header{align-items:stretch;gap:var(--space-2);flex-direction:column}.connection-actions{justify-content:center}.connection-expanded-actions{flex-direction:column}.model-header{flex-direction:column;align-items:stretch}.model-actions{justify-content:space-between}}.nav-group-header:focus-visible,.nav-group-item:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.nav-group-items{transition:all .22s;overflow:hidden}@media (prefers-contrast:high){.nav-group-header.active,.nav-group-item.active{border:2px solid}.nav-badge{border:1px solid}}@media (prefers-reduced-motion:reduce){.nav-collapse-icon,.nav-group-items,.nav-group-header,.nav-group-item{transition:none}}.tab-navigation{z-index:100;background:var(--panel);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-bottom:1px solid var(--line);height:var(--layout-header-height);position:sticky;top:0}.tab-navigation-container{height:100%;padding:0 var(--space-6);max-width:var(--content-max-width);align-items:center;margin:0 auto;display:flex}.tab-list{gap:var(--space-2);align-items:center;display:flex}.tab-button{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);height:var(--tab-height);border-radius:var(--tab-border-radius);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;white-space:nowrap;background:0 0;border:none;font-weight:500;transition:all .22s;display:flex;position:relative}.tab-button:hover{background:var(--surface-hover);color:var(--text-primary);transform:translateY(-1px)}.tab-button-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.tab-button-active:hover{background:var(--accent-soft);transform:none}.tab-icon{flex-shrink:0;width:18px;height:18px}.tab-label{font-size:var(--text-sm);line-height:var(--leading-tight)}.tab-status-indicators{margin-left:var(--space-1);gap:2px;display:flex}.status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.status-dot.status-healthy{background:var(--status-healthy)}.status-dot.status-warning{background:var(--status-warning)}.status-dot.status-error{background:var(--status-error);animation:2s infinite pulse-error}.status-dot.status-unknown{background:var(--status-unknown)}@keyframes pulse-error{0%,to{opacity:1}50%{opacity:.5}}.mini-sidebar{width:var(--mini-sidebar-width);background:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-right:1px solid var(--line);height:calc(100vh - var(--layout-header-height));top:var(--layout-header-height);flex-shrink:0;position:sticky;overflow-y:auto}.mini-sidebar-container{padding:var(--space-4) 0}.mini-sidebar-nav{gap:var(--space-2);flex-direction:column;display:flex}.mini-sidebar-section{position:relative}.mini-sidebar-button{align-items:center;gap:var(--space-1);width:100%;padding:var(--space-3) var(--space-2);color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);margin:0 var(--space-2);background:0 0;border:none;flex-direction:column;transition:all .22s;display:flex;position:relative}.mini-sidebar-button:hover{background:var(--surface-hover);color:var(--text-primary)}.mini-sidebar-button-active{background:var(--accent-soft);color:var(--accent-strong)}.mini-sidebar-icon-container{justify-content:center;align-items:center;display:flex;position:relative}.mini-sidebar-icon{flex-shrink:0;width:20px;height:20px}.mini-sidebar-status{border:1px solid var(--surface);border-radius:50%;width:8px;height:8px;position:absolute;top:-2px;right:-2px}.mini-sidebar-status.status-healthy{background:var(--status-healthy)}.mini-sidebar-status.status-warning{background:var(--status-warning)}.mini-sidebar-status.status-error{background:var(--status-error);animation:2s infinite pulse-error}.mini-sidebar-status.status-unknown{background:var(--status-unknown)}.mini-sidebar-content{display:none}.mini-sidebar-badge{font-size:var(--text-xs);color:var(--text-muted);text-align:center;line-height:var(--leading-tight)}.mini-sidebar-tooltip{left:calc(100% + var(--space-2));z-index:1000;opacity:0;visibility:hidden;pointer-events:none;transition:all .22s;position:absolute;top:50%;transform:translateY(-50%)}.mini-sidebar-section:hover .mini-sidebar-tooltip{opacity:1;visibility:visible}.mini-sidebar-tooltip-content{background:var(--surface-strong);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-3);box-shadow:var(--shadow-lg);min-width:180px;max-width:280px}.mini-sidebar-tooltip-title{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);font-weight:600}.mini-sidebar-tooltip-badge{font-size:var(--text-xs);color:var(--text-muted);margin-bottom:var(--space-2)}.mini-sidebar-tooltip-items{gap:var(--space-1);flex-direction:column;display:flex}.mini-sidebar-tooltip-item{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) 0}.app-shell-tab-layout{grid-template-columns:var(--mini-sidebar-width) 1fr auto;grid-template-rows:var(--layout-header-height) 1fr;grid-template-areas:"header header header""sidebar content panel";height:100vh;display:grid;overflow:hidden}.app-shell-tab-layout .tab-navigation{grid-area:header}.app-shell-tab-layout .mini-sidebar{grid-area:sidebar}.app-shell-tab-layout .main-content{padding:var(--space-6);grid-area:content;overflow-y:auto}.app-shell-tab-layout .contextual-panel{width:var(--contextual-panel-width);background:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border-left:1px solid var(--line);grid-area:panel;display:none;overflow-y:auto}.app-shell-tab-layout .contextual-panel.visible{display:block}@media (width<=1180px){.tab-navigation-container{padding:0 var(--space-4)}.contextual-panel{display:none!important}.app-shell-tab-layout{grid-template-columns:var(--mini-sidebar-width) 1fr;grid-template-areas:"header header""sidebar content"}}@media (width<=900px){.tab-label{display:none}.tab-button{padding:var(--space-2);min-width:var(--tab-height);justify-content:center}.mini-sidebar{width:48px}.app-shell-tab-layout{grid-template-columns:48px 1fr}.mini-sidebar-button{padding:var(--space-2);margin:0 var(--space-1)}}@media (width<=720px){.tab-navigation{border-top:1px solid var(--line);border-bottom:none;width:100%;height:60px;position:fixed;top:auto;bottom:0}.tab-navigation-container{justify-content:center;padding:0}.tab-list{scrollbar-width:none;-ms-overflow-style:none;justify-content:space-around;width:100%;max-width:100%;overflow-x:auto}.tab-list::-webkit-scrollbar{display:none}.tab-button{padding:var(--space-1);border-radius:var(--radius-sm);flex-direction:column;gap:2px;min-width:60px;height:48px}.tab-icon{width:20px;height:20px}.tab-label{font-size:10px;line-height:1}.mini-sidebar{display:none}.app-shell-tab-layout{grid-template:"content"1fr"header"60px/1fr}.app-shell-tab-layout .main-content{padding:var(--space-4);padding-bottom:calc(60px + var(--space-4))}}.tab-button:focus-visible,.mini-sidebar-button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media (prefers-contrast:high){.tab-button-active,.mini-sidebar-button-active{border:2px solid}.status-dot,.mini-sidebar-status{border:1px solid}}@media (prefers-reduced-motion:reduce){.tab-button,.mini-sidebar-button,.mini-sidebar-tooltip,.status-dot{transition:none}.status-dot.status-error{animation:none}}.line-chart,.bar-chart{background:var(--surface);border-radius:var(--radius-md);padding:var(--space-4);border:1px solid var(--line);position:relative}.line-chart canvas,.bar-chart canvas{border-radius:var(--radius-sm)}.metric-card{background:var(--surface);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5);transition:all var(--animation-normal) var(--animation-easing);position:relative;overflow:hidden}.metric-card:hover{background:var(--surface-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.metric-card-header{margin-bottom:var(--space-4)}.metric-card-title-row{align-items:center;gap:var(--space-2);margin-bottom:var(--space-1);display:flex}.metric-card-icon{width:20px;height:20px;color:var(--text-secondary);flex-shrink:0}.metric-card-title{font-size:var(--text-sm);color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;margin:0;font-weight:500;overflow:hidden}.metric-card-status-indicator{border-radius:50%;flex-shrink:0;width:8px;height:8px}.metric-card-description{font-size:var(--text-xs);color:var(--text-muted);line-height:var(--leading-body);margin:0}.metric-card-content{gap:var(--space-3);flex-direction:column;display:flex}.metric-card-value-section{justify-content:space-between;align-items:baseline;gap:var(--space-3);display:flex}.metric-card-value{font-size:var(--text-2xl);color:var(--text-primary);font-weight:600;line-height:var(--leading-tight);overflow-wrap:break-word;word-break:break-word}.metric-card-trend{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:500;display:flex}.trend-arrow{font-size:var(--text-sm)}.trend-percentage{font-weight:600}.trend-period{color:var(--text-muted);font-weight:400}.metric-card-sparkline{height:60px;margin:calc(var(--space-2) * -1);margin-top:0}.metric-card-healthy{border-color:var(--status-healthy)}.metric-card-healthy .metric-card-icon{color:var(--status-healthy)}.metric-card-warning{border-color:var(--status-warning)}.metric-card-warning .metric-card-icon{color:var(--status-warning)}.metric-card-error{border-color:var(--status-error)}.metric-card-error .metric-card-icon{color:var(--status-error)}.metric-grid{gap:var(--space-5);margin-bottom:var(--space-6);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.enhanced-table-container{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.table-toolbar{padding:var(--space-4);border-bottom:1px solid var(--line);background:var(--surface-muted);justify-content:space-between;align-items:center;display:flex}.table-search{align-items:center;gap:var(--space-3);flex:1;max-width:400px;display:flex}.table-search-input{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text-primary);font-size:var(--text-sm);transition:all var(--animation-normal) var(--animation-easing);flex:1}.table-search-input:focus{border-color:var(--accent);background:var(--control-bg-hover);box-shadow:0 0 0 3px var(--interactive-focus);outline:none}.table-actions{align-items:center;gap:var(--space-2);display:flex}.table-filter-button,.table-column-button,.table-export-button{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--control-bg);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all var(--animation-normal) var(--animation-easing)}.table-filter-button:hover,.table-column-button:hover,.table-export-button:hover{background:var(--control-bg-hover);color:var(--text-primary)}.enhanced-table{border-collapse:collapse;width:100%}.enhanced-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-sm);color:var(--text-secondary);background:var(--surface-muted);border-bottom:1px solid var(--line);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;position:relative}.table-sort-button{color:inherit;font:inherit;cursor:pointer;text-align:left;font-weight:inherit;background:0 0;border:none;outline:none;align-items:center;width:100%;margin:0;padding:0;display:inline-flex}.enhanced-table th:hover{background:var(--surface-hover)}.enhanced-table th.sortable:after{content:"↕";right:var(--space-2);opacity:.5;font-size:var(--text-xs);position:absolute}.enhanced-table th.sorted-asc:after{content:"↑";opacity:1;color:var(--accent)}.enhanced-table th.sorted-desc:after{content:"↓";opacity:1;color:var(--accent)}.enhanced-table td{padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--line);transition:background-color var(--animation-fast) var(--animation-easing)}.enhanced-table tr:hover td{background:var(--surface-hover)}.enhanced-table tr.selected td{background:var(--accent-soft)}.table-cell-status{align-items:center;gap:var(--space-2);display:flex}.table-cell-actions{align-items:center;gap:var(--space-1);opacity:0;transition:opacity var(--animation-normal) var(--animation-easing);display:flex}.enhanced-table tr:hover .table-cell-actions{opacity:1}.table-action-button{padding:var(--space-1);color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--animation-fast) var(--animation-easing);background:0 0;border:none}.table-action-button:hover{background:var(--interactive-hover);color:var(--text-primary)}.toast-container{top:var(--space-6);right:var(--space-6);z-index:1000;gap:var(--space-2);flex-direction:column;max-width:400px;display:flex;position:fixed}.toast{background:var(--surface-strong);-webkit-backdrop-filter:blur(22px)saturate(140%);backdrop-filter:blur(22px)saturate(140%);border:1px solid var(--line);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-lg);animation:toast-slide-in var(--animation-normal) var(--animation-easing);position:relative}.toast-success{border-left:4px solid var(--success)}.toast-warning{border-left:4px solid var(--warning)}.toast-error{border-left:4px solid var(--danger)}.toast-info{border-left:4px solid var(--accent)}.toast-header{margin-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.toast-title{font-size:var(--text-sm);color:var(--text-primary);margin:0;font-weight:600}.toast-close{color:var(--text-muted);cursor:pointer;padding:var(--space-1);border-radius:var(--radius-sm);transition:all var(--animation-fast) var(--animation-easing);background:0 0;border:none}.toast-close:hover{background:var(--interactive-hover);color:var(--text-primary)}.toast-message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);margin:0}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.skeleton{background:linear-gradient(90deg, var(--surface-muted) 25%, var(--surface-hover) 50%, var(--surface-muted) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s infinite skeleton-shimmer}.skeleton-text{height:1em;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:60%;margin-bottom:0}.skeleton-card{border-radius:var(--radius-card);height:120px}.skeleton-table-row{height:48px;margin-bottom:var(--space-1)}@keyframes skeleton-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media (width<=1180px){.metric-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.table-toolbar{gap:var(--space-3);flex-direction:column;align-items:stretch}.table-search{max-width:none}}@media (width<=720px){.metric-grid{gap:var(--space-3);grid-template-columns:1fr}.metric-card{padding:var(--space-4)}.metric-card-value-section{align-items:flex-start;gap:var(--space-2);flex-direction:column}.enhanced-table-container{overflow-x:auto}.enhanced-table{min-width:600px}.toast-container{top:var(--space-4);right:var(--space-4);left:var(--space-4);max-width:none}}[data-theme=dark]{--chart-grid:#ffffff0d;--interactive-hover:#ffffff0f;--interactive-active:#ffffff14;--interactive-focus:#64a8ff29}@media (prefers-contrast:high){.metric-card,.enhanced-table-container,.toast{border-width:2px}.metric-card-status-indicator{border:1px solid}}@media (prefers-reduced-motion:reduce){.metric-card,.table-search-input,.table-filter-button,.table-column-button,.table-export-button,.table-action-button,.toast-close,.enhanced-table td{transition:none}.toast,.skeleton{animation:none}}.provider-tier-badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-pill);font-size:var(--text-xs);white-space:nowrap;transition:all var(--animation-fast) var(--animation-easing);font-weight:500;line-height:1;display:inline-flex}.provider-tier-badge-sm{padding:2px var(--space-1);gap:2px;font-size:.6875rem}.provider-tier-badge-md{padding:var(--space-1) var(--space-2);font-size:var(--text-xs);gap:var(--space-1)}.provider-tier-badge-lg{padding:var(--space-2) var(--space-3);font-size:var(--text-sm);gap:var(--space-1)}.provider-tier-badge-icon{font-size:.875em;line-height:1}.provider-tier-badge-label{font-weight:500}.provider-tier-badge-subscription{color:#fff;background:linear-gradient(135deg,#0071e3 0%,#0a84ff 100%);box-shadow:0 2px 8px #0a84ff40}.provider-tier-badge-cheap{color:#fff;background:linear-gradient(135deg,#188038 0%,#30d158 100%);box-shadow:0 2px 8px #30d15840}.provider-tier-badge-free{background:var(--surface-strong);color:var(--text-secondary);border:1px solid var(--line);box-shadow:0 1px 3px #0000000d}.provider-tier-badge-custom{color:#fff;background:linear-gradient(135deg,#6f5bff 0%,#8b5cf6 100%);box-shadow:0 2px 8px #6f5bff40}[data-theme=dark] .provider-tier-badge-free{background:var(--surface-muted);color:var(--text-primary);border-color:var(--line-strong)}.provider-tier-badge:hover{transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.provider-tier-badge-subscription:hover{box-shadow:0 4px 16px #0a84ff59}.provider-tier-badge-cheap:hover{box-shadow:0 4px 16px #30d15859}.provider-tier-badge-custom:hover{box-shadow:0 4px 16px #6f5bff59}.provider-health-indicator{gap:var(--space-2);flex-direction:column;display:flex}.provider-health-compact{align-items:center;gap:var(--space-1);flex-direction:row}.provider-health-status{align-items:center;gap:var(--space-1);display:flex}.provider-health-dot{border-radius:50%;justify-content:center;align-items:center;width:12px;height:12px;font-size:8px;line-height:1;display:inline-flex;position:relative}.provider-health-label{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.provider-health-metrics{gap:var(--space-1);font-size:var(--text-xs);flex-direction:column;display:flex}.provider-health-metric{justify-content:space-between;align-items:center;gap:var(--space-2);display:flex}.provider-health-metric-label{color:var(--text-secondary);font-weight:400}.provider-health-metric-value{color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500}.provider-health-message{font-size:var(--text-xs);color:var(--text-secondary);padding:var(--space-1) var(--space-2);background:var(--surface-muted);border-radius:var(--radius-sm);border-left:3px solid var(--line-strong);text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.provider-health-healthy{background:var(--status-healthy);color:#fff;animation:2s infinite health-pulse-healthy}.provider-health-degraded{background:var(--status-warning);color:#fff;animation:3s infinite health-pulse-warning}.provider-health-quota-exhausted{color:#fff;background:#ff9500}.provider-health-auth-expired{background:var(--status-error);color:#fff}.provider-health-rate-limited{color:#fff;background:#ff9500;animation:1.5s infinite health-pulse-warning}.provider-health-disabled{background:var(--status-unknown);color:#fff}.provider-health-not-configured{background:var(--text-secondary);color:#fff}.provider-health-unknown{background:var(--status-unknown);color:#fff}@keyframes health-pulse-healthy{0%,to{box-shadow:0 0 #30d15866}50%{box-shadow:0 0 0 4px #30d15800}}@keyframes health-pulse-warning{0%,to{box-shadow:0 0 #ffd60a66}50%{box-shadow:0 0 0 4px #ffd60a00}}[data-theme=dark] .provider-health-message{background:var(--surface-strong);border-left-color:var(--line)}@media (prefers-reduced-motion:reduce){.provider-health-healthy,.provider-health-degraded,.provider-health-rate-limited{animation:none}}.enhanced-provider-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);padding:var(--space-5);transition:all var(--animation-normal) var(--animation-easing);position:relative;overflow:hidden}.enhanced-provider-card:hover{background:var(--surface-hover);border-color:var(--line-strong);box-shadow:var(--shadow-md);transform:translateY(-2px)}.enhanced-provider-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:flex-start;display:flex}.enhanced-provider-card-title-section{flex:1;min-width:0}.enhanced-provider-card-title{margin-bottom:var(--space-2)}.enhanced-provider-card-name{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-weight:600;line-height:var(--leading-tight)}.enhanced-provider-card-vendor{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.enhanced-provider-card-badges{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.enhanced-provider-card-status{margin-left:var(--space-3);flex-shrink:0}.enhanced-provider-card-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);margin-bottom:var(--space-4)}.enhanced-provider-card-services{align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.enhanced-provider-card-services-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:fit-content;font-weight:500}.enhanced-provider-card-services-list{gap:var(--space-1);flex-wrap:wrap;display:flex}.enhanced-provider-card-service-icon{font-size:var(--text-sm);padding:var(--space-1);background:var(--surface-muted);border-radius:var(--radius-sm);cursor:help;transition:background-color var(--animation-fast) var(--animation-easing)}.enhanced-provider-card-service-icon:hover{background:var(--surface-strong)}.enhanced-provider-card-features{align-items:flex-start;gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.enhanced-provider-card-features-label{font-size:var(--text-xs);color:var(--text-secondary);min-width:fit-content;margin-top:2px;font-weight:500}.enhanced-provider-card-features-list{gap:var(--space-1);flex-wrap:wrap;display:flex}.enhanced-provider-card-feature-tag{font-size:var(--text-xs);padding:2px var(--space-1);background:var(--accent-soft);color:var(--accent-strong);border-radius:var(--radius-sm);font-weight:500}.enhanced-provider-card-feature-more{font-size:var(--text-xs);color:var(--text-muted);padding:2px var(--space-1);font-weight:500}.enhanced-provider-card-quota{margin-bottom:var(--space-4)}.enhanced-provider-card-quota-label{font-size:var(--text-xs);color:var(--text-secondary);margin-bottom:var(--space-1);font-weight:500}.enhanced-provider-card-quota-bar{background:var(--surface-muted);border-radius:2px;height:4px;overflow:hidden}.enhanced-provider-card-quota-fill{background:linear-gradient(90deg, var(--success) 0%, var(--warning) 70%, var(--danger) 100%);height:100%;transition:width var(--animation-normal) var(--animation-easing);border-radius:2px}.enhanced-provider-card-metadata{gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-3);background:var(--surface-muted);border-radius:var(--radius-sm);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.enhanced-provider-card-metadata-item{flex-direction:column;gap:2px;display:flex}.enhanced-provider-card-metadata-label{font-size:var(--text-xs);color:var(--text-secondary);font-weight:500}.enhanced-provider-card-metadata-value{font-size:var(--text-sm);color:var(--text-primary);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500}.enhanced-provider-card-actions{gap:var(--space-2);justify-content:flex-end;display:flex}.enhanced-provider-card-action-button{padding:var(--space-2) var(--space-3);border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--surface-strong);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);font-weight:500}.enhanced-provider-card-action-button:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(-1px)}.enhanced-provider-card-action-test{color:var(--accent);border-color:var(--accent-soft)}.enhanced-provider-card-action-test:hover{background:var(--accent-soft);border-color:var(--accent)}.enhanced-provider-card-action-edit{color:var(--text-primary)}.enhanced-provider-card-action-delete{color:var(--danger);border-color:var(--danger-soft)}.enhanced-provider-card-action-delete:hover{background:var(--danger-soft);border-color:var(--danger)}@media (width<=768px){.enhanced-provider-card{padding:var(--space-4)}.enhanced-provider-card-header{gap:var(--space-3);flex-direction:column;align-items:stretch}.enhanced-provider-card-status{align-self:flex-start;margin-left:0}.enhanced-provider-card-metadata{grid-template-columns:1fr}.enhanced-provider-card-actions{justify-content:stretch}.enhanced-provider-card-action-button{text-align:center;flex:1}}[data-theme=dark] .enhanced-provider-card-service-icon:hover{background:var(--surface)}.tier-section{margin-bottom:var(--space-6)}.tier-section-header{padding:var(--space-4) var(--space-5);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.tier-section-header:hover{background:var(--surface-hover);border-color:var(--line-strong)}.tier-section-header-content{align-items:center;gap:var(--space-4);flex:1;min-width:0;display:flex}.tier-section-title{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.tier-section-info{flex:1;min-width:0}.tier-section-name{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-1) 0;font-weight:600;line-height:var(--leading-tight)}.tier-section-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);margin:0}.tier-section-stats{gap:var(--space-4);align-items:center;display:flex}.tier-section-stat{flex-direction:column;align-items:center;gap:2px;display:flex}.tier-section-stat-value{font-size:var(--text-lg);color:var(--text-primary);font-weight:700;line-height:1}.tier-section-stat-healthy{color:var(--status-healthy)}.tier-section-stat-label{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-weight:500}.tier-section-toggle{margin-left:var(--space-3);align-items:center;display:flex}.tier-section-chevron{font-size:var(--text-sm);color:var(--text-secondary);transition:transform var(--animation-fast) var(--animation-easing);-webkit-user-select:none;user-select:none}.tier-section-chevron-expanded{transform:rotate(180deg)}.tier-section-content{padding-left:var(--space-2)}.tier-section-providers{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.tier-section-empty{padding:var(--space-8) var(--space-6);background:var(--surface-muted);border:2px dashed var(--line);border-radius:var(--radius-card);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.tier-section-empty-icon{margin-bottom:var(--space-4);opacity:.6;font-size:3rem}.tier-section-empty-content{max-width:400px}.tier-section-empty-title{font-size:var(--text-lg);color:var(--text-primary);margin:0 0 var(--space-2) 0;font-weight:600}.tier-section-empty-description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-body);margin:0 0 var(--space-4) 0}.tier-section-empty-action{padding:var(--space-3) var(--space-4);background:var(--accent);color:#fff;border-radius:var(--radius-sm);font-size:var(--text-sm);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);border:none;font-weight:500}.tier-section-empty-action:hover{background:var(--accent-strong);transform:translateY(-1px);box-shadow:0 4px 12px #0a84ff40}@media (width<=1024px){.tier-section-providers{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}@media (width<=768px){.tier-section-header{padding:var(--space-3) var(--space-4)}.tier-section-header-content{align-items:flex-start;gap:var(--space-3);flex-direction:column}.tier-section-title{align-items:flex-start;gap:var(--space-2);flex-direction:column}.tier-section-stats{align-self:flex-end}.tier-section-providers{gap:var(--space-3);grid-template-columns:1fr}.tier-section-empty{padding:var(--space-6) var(--space-4)}}@media (width<=480px){.tier-section-header-content{gap:var(--space-2)}.tier-section-stats{gap:var(--space-3)}.tier-section-stat{gap:1px}.tier-section-stat-value{font-size:var(--text-base)}}.enhanced-provider-controls{gap:var(--space-4);flex-direction:column;display:flex}.provider-search,.tier-filter-tabs{gap:var(--space-2);flex-direction:column;display:flex}.tier-filter-tabs-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:500}.tier-filter-tabs-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.tier-filter-tab{align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);white-space:nowrap;font-weight:500;display:flex}.tier-filter-tab:hover{background:var(--surface-hover);border-color:var(--line-strong);color:var(--text-primary)}.tier-filter-tab-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.tier-filter-tab-active:hover{background:var(--accent-soft);border-color:var(--accent-strong)}.enhanced-providers-content{gap:var(--space-6);flex-direction:column;display:flex}@media (width<=768px){.enhanced-provider-controls{gap:var(--space-3)}.tier-filter-tabs-list{gap:var(--space-1)}.tier-filter-tab{padding:var(--space-1) var(--space-2);font-size:var(--text-xs)}}@media (width<=480px){.tier-filter-tabs-list{flex-direction:column;align-items:stretch}.tier-filter-tab{text-align:center;justify-content:center}}.terminal-wrapper{border-radius:var(--radius-md);margin-top:var(--space-4);background:#0d0e12;border:1px solid #ffffff14;font-family:Fira Code,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;overflow:hidden;box-shadow:0 16px 40px #00000059}[data-theme=light] .terminal-wrapper{background:#111318;box-shadow:0 16px 40px #0f172a26}.terminal-header{-webkit-user-select:none;user-select:none;background:#151821;border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.terminal-dots{align-items:center;gap:6px;display:flex}.terminal-dot{border-radius:50%;width:10px;height:10px}.terminal-dot-red{background:#ff5f56}.terminal-dot-yellow{background:#ffbd2e}.terminal-dot-green{background:#27c93f}.terminal-title{color:#ffffff70;letter-spacing:.06em;text-transform:uppercase;font-size:11px;font-weight:600}.terminal-body{padding:18px;overflow-x:auto}.terminal-body pre{background:0 0;border:none;margin:0;padding:0}.terminal-body code{color:#c9d1d9;font-size:var(--text-sm);line-height:1.6}.terminal-body .command-highlight{color:#ff8c00;font-weight:600}.terminal-body .variable-highlight{color:var(--accent)}.terminal-comment{color:#ffffff70;font-style:italic}.terminal-key{color:#ff8c00}.terminal-value{color:#64a8ff}.terminal-text{color:#fff9}.copy-command-button{border-radius:var(--radius-sm)!important;font-size:var(--text-xs)!important;color:#fffc!important;cursor:pointer!important;transition:all var(--animation-fast) var(--animation-easing)!important;box-shadow:none!important;background:#ffffff14!important;border:1px solid #ffffff1f!important;padding:4px 8px!important;transform:none!important}.copy-command-button:hover{color:#fff!important;background:#ffffff26!important;border-color:#ffffff40!important;transform:translateY(-1px)!important}@keyframes reactorPulsePrimary{0%{box-shadow:0 0 #30d15880}70%{box-shadow:0 0 0 8px #30d15800}to{box-shadow:0 0 #30d15800}}@keyframes reactorPulseSecondary{0%{box-shadow:0 0 #30d15840}70%{box-shadow:0 0 0 14px #30d15800}to{box-shadow:0 0 #30d15800}}.status-pulse-dot{background-color:var(--status-healthy);vertical-align:middle;border-radius:50%;width:10px;height:10px;display:inline-block;position:relative}.status-pulse-dot:before{content:"";background:inherit;animation:reactorPulsePrimary 2s infinite var(--animation-easing);border-radius:50%;position:absolute;inset:0}.status-pulse-dot:after{content:"";background:inherit;animation:reactorPulseSecondary 2s infinite var(--animation-easing);border-radius:50%;animation-delay:.4s;position:absolute;inset:0}.tier-progress-container{background:var(--neutral-soft);border-radius:var(--radius-pill);width:100%;height:8px;margin-top:8px;position:relative;overflow:hidden}.tier-progress-fill{border-radius:var(--radius-pill);height:100%;transition:width var(--animation-normal) var(--animation-easing), background-color var(--animation-normal) var(--animation-easing)}.setup-tab-bar{gap:var(--space-2);border-bottom:1px solid var(--line);margin-bottom:var(--space-4);padding-bottom:var(--space-1);display:flex}.setup-tab-btn{font-family:inherit;font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-2) var(--space-4);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--animation-fast) var(--animation-easing);background:0 0;border:none;font-weight:500}.setup-tab-btn:hover{color:var(--text-primary);background:var(--interactive-hover)}.setup-tab-btn.active{color:var(--accent);background:var(--accent-soft)}.pipeline-container-premium{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.pipeline-step-premium{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm);transition:all var(--animation-normal) var(--animation-easing);cursor:default;display:flex}.pipeline-step-premium:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translate(4px)}.pipeline-step-premium.active{border-left:3px solid var(--accent);background:var(--surface)}.step-indicator-premium{background:var(--accent-soft);width:24px;height:24px;color:var(--accent);font-size:var(--text-xs);border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}.combos-screen-layout{gap:var(--space-6);max-width:var(--content-max-width);margin:0 auto;display:grid}.combos-stats-row{gap:var(--space-4);grid-template-columns:repeat(4,1fr);display:grid}.combos-main-layout{gap:var(--space-6);grid-template-columns:1fr 2.2fr;align-items:start;display:grid}.combos-list-section,.combos-list{gap:var(--space-4);flex-direction:column;display:flex}.combo-card{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);cursor:pointer;transition:all .22s var(--animation-easing);flex-direction:column;display:flex;position:relative}.combo-card:hover{background:var(--surface-hover);border-color:var(--line-strong);transform:translateY(-1px)}.combo-card.selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent);background:var(--surface-selected)}.combo-card-header{justify-content:space-between;align-items:start;display:flex}.combo-name-row{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.combo-name{font-size:var(--text-md);color:var(--text-primary);margin:0;font-weight:700}.combo-description{font-size:var(--text-xs);color:var(--text-secondary);margin-top:2px}.combo-card-body{gap:var(--space-3);flex-direction:column;display:flex}.combo-stats{gap:var(--space-4);font-size:var(--text-xs);display:flex}.combo-stat{flex-direction:column;display:flex}.combo-stat .stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.combo-stat .stat-value{color:var(--text-primary);font-weight:700;font-size:var(--text-sm)}.combo-tiers-preview{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.tier-preview{background:var(--surface-muted);padding:2px var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xxs);align-items:center;gap:4px;display:flex}.tier-provider-count{color:var(--text-muted);font-weight:600}.combo-card-actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--line);padding-top:var(--space-3);display:flex}.combo-detail-section{gap:var(--space-6);flex-direction:column;display:flex}.combo-detail-content{gap:var(--space-5);flex-direction:column;display:flex}.combo-overview{gap:var(--space-5);grid-template-columns:1fr 1fr;display:grid}.overview-stats{gap:var(--space-4);grid-template-columns:repeat(2,1fr);display:grid}.overview-stat{padding:var(--space-3);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md);flex-direction:column;display:flex}.policies-summary{gap:var(--space-2);flex-direction:column;display:flex}.policies-summary h4,.combo-tiers-detail h4,.combo-client-routes h4{margin:0 0 var(--space-2) 0;font-size:var(--text-sm);text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-weight:700}.policy-items{gap:var(--space-2);flex-direction:column;display:flex}.policy-item{padding:var(--space-2) var(--space-3);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.policy-label{color:var(--text-secondary)}.combo-tiers-detail{flex-direction:column;display:flex}.tiers-list{gap:var(--space-4);flex-direction:column;display:flex}.tier-detail-item{padding:var(--space-4);background:var(--surface-muted);border:1px solid var(--line);border-radius:var(--radius-md);gap:var(--space-3);flex-direction:column;display:flex}.tier-providers{gap:var(--space-2);flex-wrap:wrap;display:flex}.provider-item{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-pill);font-size:var(--text-xs);display:flex}.provider-weight{color:var(--accent);font-weight:700}.combo-client-routes{flex-direction:column;display:flex}.client-routes-list{gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=1180px){.combos-main-layout{grid-template-columns:1fr}.combos-stats-row{grid-template-columns:1fr 1fr}}@media (width<=720px){.combos-stats-row,.combo-overview{grid-template-columns:1fr}}.providers-sections-container{gap:var(--space-6);margin-top:var(--space-4);flex-direction:column;display:flex}.provider-section-title-row{margin-bottom:var(--space-3);border-bottom:1px solid var(--line);padding-bottom:var(--space-2);justify-content:space-between;align-items:center;display:flex}.provider-section-title-row h3{font-size:var(--text-md);color:var(--text-primary);letter-spacing:.02em;margin:0;font-weight:700}.provider-section-actions{gap:var(--space-2);display:flex}.providers-small-grid{gap:var(--space-3);grid-template-columns:repeat(4,1fr);display:grid}@media (width<=1200px){.providers-small-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=900px){.providers-small-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=550px){.providers-small-grid{grid-template-columns:1fr}}.provider-small-card{align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);text-decoration:none;display:flex;box-shadow:0 2px 4px #0000000d}.provider-small-card:hover{background:var(--surface-hover);border-color:var(--accent-soft);transform:translateY(-2px)scale(1.01);box-shadow:0 6px 16px #0000001f}[data-theme=dark] .provider-small-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08}[data-theme=dark] .provider-small-card:hover{background:#ffffff12}.provider-small-logo-container{border-radius:var(--radius-sm);width:40px;height:40px;font-weight:700;font-size:var(--text-md);color:#fff;text-shadow:0 1px 2px #0000004d;flex-shrink:0;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px 1px #fff3}.provider-small-info{flex-direction:column;flex:1;justify-content:center;min-width:0;display:flex}.provider-small-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;margin:0;font-weight:600;line-height:1.2;overflow:hidden}.provider-small-status{font-size:var(--text-xs);color:var(--text-secondary);align-items:center;gap:6px;margin-top:2px;display:flex}.provider-small-status-dot{border-radius:50%;flex-shrink:0;width:6px;height:6px}.provider-small-status-dot.healthy{background-color:var(--status-healthy);box-shadow:0 0 8px var(--status-healthy)}.provider-small-status-dot.degraded{background-color:var(--status-warning);box-shadow:0 0 8px var(--status-warning)}.provider-small-status-dot.quota_exhausted{background-color:var(--status-danger);box-shadow:0 0 8px var(--status-danger)}.provider-small-status-dot.not_configured{background-color:var(--status-neutral)}.custom-switch{background-color:var(--line);cursor:pointer;width:32px;height:18px;transition:background-color var(--animation-fast) var(--animation-easing);border-radius:18px;flex-shrink:0;display:inline-block;position:relative}.custom-switch.on{background-color:var(--status-healthy)}.custom-switch-slider{content:"";width:12px;height:12px;transition:transform var(--animation-fast) var(--animation-easing);background-color:#fff;border-radius:50%;position:absolute;bottom:3px;left:3px;box-shadow:0 1px 2px #0003}.custom-switch.on .custom-switch-slider{transform:translate(14px)}.provider-new-layout{gap:var(--space-5);max-width:720px;margin-top:var(--space-4);display:grid}.provider-preset-grid{gap:var(--space-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=550px){.provider-preset-grid{grid-template-columns:1fr}}.provider-preset-card{gap:var(--space-1);text-align:left;padding:var(--space-3) var(--space-4);background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);cursor:pointer;transition:all var(--animation-fast) var(--animation-easing);flex-direction:column;display:flex}.provider-preset-card:hover{border-color:var(--accent);transform:translateY(-1px)}.provider-preset-card.active{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent) inset;background:var(--surface-raised,var(--surface))}.provider-preset-name{font-weight:700;font-size:var(--font-md);color:var(--text-primary)}.provider-preset-desc{font-size:var(--font-sm);color:var(--text-secondary);line-height:1.4}

package/dist/client/favicon.svg

@@ -0,0 +1,17 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" fill="none">
+  <defs>
+    <linearGradient id="bg" x1="10" y1="8" x2="54" y2="56" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#60A5FA"/>
+      <stop offset="1" stop-color="#22D3EE"/>
+    </linearGradient>
+    <linearGradient id="pulse" x1="14" y1="18" x2="50" y2="46" gradientUnits="userSpaceOnUse">
+      <stop stop-color="#F8FBFF"/>
+      <stop offset="1" stop-color="#A5F3FC"/>
+    </linearGradient>
+  </defs>
+  <rect x="6" y="6" width="52" height="52" rx="16" fill="#081120"/>
+  <rect x="8" y="8" width="48" height="48" rx="14" fill="url(#bg)" fill-opacity=".16" stroke="url(#bg)" stroke-width="2"/>
+  <path d="M18 38h8l5-12 6 20 4-8h5" stroke="url(#pulse)" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"/>
+  <circle cx="18" cy="38" r="3" fill="#E0F2FE"/>
+  <circle cx="46" cy="38" r="3" fill="#67E8F9"/>
+</svg>

package/dist/client/index.html

@@ -0,0 +1,31 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <meta name="theme-color" content="#f5f5f7" />
+    <meta
+      name="description"
+      content="Responses Proxy control plane: monitor service health, manage providers and client routes, connected accounts, usage, and cache from one dashboard."
+    />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <link rel="apple-touch-icon" href="/app-icon.svg" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap"
+    />
+    <title>Responses Proxy · Control Plane</title>
+    <style>
+      body {
+        margin: 0;
+      }
+    </style>
+    <script type="module" crossorigin src="/assets/index-C7Vvhst8.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-DpqgYK3L.css">
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>