:root{--bg:#f8f8f9;--panel:#fff;--panel-soft:#f4f5f7;--ink:#181b21;--muted:#7c818b;--line:#e6e7eb;--green:#19d466;--green-soft:#e9fbf1;--orange:#ff8a00;--orange-soft:#fff3df;--red:#ff4d5e;--red-soft:#ffecee;--gray-soft:#edf0f3;--shadow:0 22px 70px #16192114}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--ink);background:linear-gradient(#fafafa 0%,#f7f7f8 46%,#fff 100%);font-family:Avenir Next,PingFang SC,Microsoft YaHei,sans-serif}button,input,select{font:inherit}button{cursor:pointer;border:0}a{color:inherit;text-decoration:none}.topNav{border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:10;background:#ffffffe0;justify-content:space-between;align-items:center;height:53px;padding:0 48px;display:flex;position:relative}.brand{align-items:center;gap:10px;font-weight:800;display:inline-flex}.brandMark{color:#fff;background:#151820;border-radius:6px;place-items:center;width:28px;height:28px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.systemLabel{color:#858a94;letter-spacing:5.5px;align-items:center;gap:14px;font-size:11px;font-weight:900;display:inline-flex}.systemLabel svg{color:#161920;letter-spacing:0;width:14px;height:14px}.navLinks{color:#5a5f68;align-items:center;gap:38px;font-size:14px;font-weight:700;display:flex}.navLinks button{color:#515762;background:0 0;align-items:center;gap:7px;font-weight:700;display:inline-flex}.adminPage{min-height:100vh}.storefront-layout{color:#1d1d1f;background:radial-gradient(at 0 0,#f4f2ef 0%,#0000 50%),radial-gradient(at 100% 0,#f3f2f7 0%,#0000 50%),radial-gradient(at 0 100%,#f7f5f2 0%,#0000 50%),radial-gradient(at 100% 100%,#f3f3f8 0%,#0000 50%),radial-gradient(#fcfcfc 0%,#0000 80%),#f8f7f5;flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,sans-serif;display:flex}.storefront-nav{-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);z-index:100;background:#ffffffb8;border-bottom:1px solid #e8e8ed;flex-shrink:0;height:52px;position:sticky;top:0}.nav-inner{justify-content:space-between;align-items:center;height:100%;padding:0 48px;display:flex}.nav-brand{align-items:center;gap:10px;display:inline-flex}.nav-logo-mark{color:#fff;background:#1d1d1f;border-radius:6px;flex-shrink:0;place-items:center;width:28px;height:28px;display:inline-grid}.nav-logo{color:#1d1d1f;-webkit-user-select:none;user-select:none;font-size:18px;font-weight:600}.storefront-content{flex:1}.model-health-page{flex-direction:column;width:100%;display:flex}.main-content{flex-direction:column;gap:32px;width:100%;padding:48px 48px 80px;display:flex}.header-area{flex-direction:column;display:flex}.top-row{justify-content:space-between;align-items:flex-end;gap:32px;display:flex}.left-info{flex-direction:column;gap:16px;min-width:0;display:flex}.badge-row{align-items:center;gap:10px;display:flex}.title-icon{color:#fff;background:#1d1d1f;border-radius:8px;flex-shrink:0;place-items:center;width:28px;height:28px;display:inline-grid}.badge-label{color:#86868b;letter-spacing:2px;text-transform:uppercase;font-size:10px;font-weight:700}.title-wrap{flex-direction:column;gap:2px;display:flex}.title-line1,.title-line2{letter-spacing:0;margin:0;font-size:36px;font-weight:800;line-height:1.1}.title-line1{color:#1d1d1f}.title-line2{color:#86868b}.sub-text{color:#6e6e73;max-width:620px;margin:0;font-size:14px;font-weight:400;line-height:1.5}.right-info{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:12px;display:flex}.status-pill{background:#ffffff6b;border:1px solid #e8e8ed;border-radius:20px;align-items:center;gap:8px;padding:6px 16px;display:inline-flex}.status-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s ease-in-out infinite pulse}.status-label{font-size:11px;font-weight:600}.status-pill--operational .status-dot{background:#34c759}.status-pill--operational .status-label{color:#34c759}.status-pill--degraded .status-dot{background:#fbbf24}.status-pill--degraded .status-label{color:#d97706}.status-pill--error .status-dot{background:#dc2626}.status-pill--error .status-label{color:#dc2626}.status-pill--unknown .status-dot{background:#d1d5db}.status-pill--unknown .status-label{color:#86868b}.period-selector{background:#ffffff5c;border:1px solid #e8e8ed;border-radius:20px;align-items:center;gap:8px;padding:5px 10px;display:flex}.period-label{color:#86868b;letter-spacing:1.5px;text-transform:uppercase;white-space:nowrap;padding:0 2px;font-size:10px;font-weight:600}.pill-group{background:#f5f5f780;border-radius:16px;align-items:center;gap:4px;padding:3px;display:flex}.pill-btn{color:#86868b;white-space:nowrap;background:0 0;border-radius:14px;padding:5px 12px;font-size:10px;font-weight:500;transition:color .2s ease-out,background-color .2s ease-out}.pill-btn:not(.pill-btn--active):hover{color:#1d1d1f}.pill-btn--active{color:#fff;background:#1d1d1f;font-weight:600}.updated-row{color:#86868b;align-items:center;gap:8px;display:flex}.updated-icon{color:#86868b;flex-shrink:0;width:12px;height:12px}.updated-text{color:#86868b;font-size:11px;font-weight:400}.updated-sep{color:#e8e8ed;-webkit-user-select:none;user-select:none;font-size:11px}.refresh-pill{color:#86868b;white-space:nowrap;background:0 0;border:1px solid #e8e8ed;border-radius:12px;align-items:center;gap:5px;min-height:20px;padding:3px 10px;font-size:10px;font-weight:500;transition:border-color .2s ease-out,color .2s ease-out,background-color .2s ease-out;display:inline-flex}.refresh-pill:hover{color:#0071e3;background:#ffffff70;border-color:#0071e3}.refresh-pill:disabled{opacity:.5;cursor:not-allowed}.cards-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.cards-grid--loading{opacity:.55;pointer-events:none;transition:opacity .3s ease-out}.provider-card{background:#fff;border:1px solid #e8e8ed;border-radius:16px;flex-direction:column;min-width:0;height:345px;transition:transform .3s ease-out,box-shadow .3s ease-out,border-color .3s ease-out;display:flex;overflow:hidden}.provider-card:hover{border-color:#0071e333;transform:translateY(-4px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000000f}.card-header{flex-shrink:0;align-items:center;gap:12px;height:64px;padding:20px 20px 0;display:flex}.provider-icon{color:#1d1d1f;background:linear-gradient(#fff,#f0f0f0);border:1px solid #0000000f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.rowIcon{border:1px solid var(--line);background:linear-gradient(#fff,#eff1f4);border-radius:10px;place-items:center;width:40px;height:40px;display:grid}.provider-icon--anthropic_messages{color:#d97757}.provider-icon--gemini_generate_content{color:#3b82f6}.provider-icon--openai_responses,.provider-icon--openai_compatible_chat{color:#10a37f}.name-wrap{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.model-name,.provider-tag{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.model-name{color:#1d1d1f;font-size:15px;font-weight:600}.provider-tag{color:#86868b;font-size:11px;font-weight:400}.status-badge{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;padding:4px 10px;display:flex}.status-badge span{font-size:11px;font-weight:600}.status-badge--operational{background:#34c75918}.status-badge--operational span{color:#34c759}.status-badge--degraded{background:#fbbf2424}.status-badge--degraded span{color:#d97706}.status-badge--error{background:#dc26261a}.status-badge--error span{color:#dc2626}.status-badge--unknown{background:#d1d5db61}.status-badge--unknown span{color:#86868b}.metrics-row{flex-shrink:0;gap:12px;height:106px;padding:16px 20px;display:flex}.metric-box{background:#f5f5f7;border-radius:8px;flex-direction:column;flex:1;justify-content:center;gap:4px;min-width:0;padding:12px 14px;transition:background-color .2s ease-out;display:flex}.provider-card:hover .metric-box,.metric-box:hover{background:#ededf0}.metric-label-row{color:#86868b;align-items:center;gap:5px;display:flex}.metric-label-row span{color:#86868b;font-size:11px;font-weight:500}.metric-value{color:#1d1d1f;letter-spacing:0;font-size:18px;font-weight:600;line-height:1.58}.status-section{flex-direction:column;flex-shrink:0;gap:12px;height:51px;padding:0 20px;display:flex}.official-status-row,.availability-row{justify-content:space-between;align-items:center;gap:16px;min-width:0;display:flex}.off-label-wrap{color:#d97706;align-items:center;gap:5px;min-width:0;display:flex}.off-label{color:#6e6e73;font-size:12px;font-weight:500}.off-value{flex-shrink:0;font-size:12px;font-weight:600}.off-value--operational{color:#34c759}.off-value--degraded{color:#d97706}.off-value--error{color:#dc2626}.off-value--unknown{color:#86868b}.av-label{color:#86868b;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:400;overflow:hidden}.av-pct{color:#34c759;flex-shrink:0;font-size:13px;font-weight:700}.av-pct--degraded{color:#d97706}.av-pct--error{color:#dc2626}.av-pct--unknown{color:#86868b}.timeline-section{flex-direction:column;flex-shrink:0;gap:8px;height:121px;padding:16px 20px 20px;display:flex}.tl-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.tl-title{color:#6e6e73;font-size:11px;font-weight:500}.tl-next{color:#86868b;white-space:nowrap;font-size:10px;font-weight:400}.timeline-bar{background:#f5f5f780;border-radius:2px;gap:2px;height:32px;padding:2px;display:flex;overflow:hidden}.timeline-segment{cursor:pointer;background:#d1d5db;border-radius:1px;flex:1;min-width:2px;transition:transform .2s ease-out,opacity .2s ease-out}.timeline-segment:hover{opacity:.8;transform:scaleY(1.1)}.timeline-segment.operational{background:#34c759}.timeline-segment.degraded{background:#fbbf24}.timeline-segment.error{background:#dc2626}.timeline-segment.unknown{background:#d1d5db}.tl-axis{color:#86868b;justify-content:space-between;font-size:10px;font-weight:400;display:flex}.emptyState,.alertBanner{color:#86868b;background:#fff;border:1px solid #e8e8ed;border-radius:16px;width:100%;margin:0;padding:28px}.emptyState{text-align:center;place-items:center;gap:10px;display:grid}.alertBanner{color:#dc2626;background:#dc262614}.adminHeader{justify-content:space-between;gap:32px;width:min(1104px,100% - 48px);margin:48px auto 33px;display:flex}.adminHeader h1{letter-spacing:0;margin:27px 0 15px;font-size:clamp(35px,4.5vw,43px);line-height:1.12}.adminHeader p{max-width:560px;color:var(--muted);margin:0;font-size:15px;line-height:1.55}.adminHeader{align-items:center}.primaryButton,.formActions button,.tableHeader button,.rowActions button,.providerForm button{color:#fff;background:#151820;border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-weight:800;display:inline-flex}.adminLayout{grid-template-columns:minmax(310px,.86fr) minmax(0,1.24fr);align-items:start;gap:20px;width:min(1104px,100% - 48px);margin:0 auto 80px;display:grid}.providerForm,.providerTable,.loginPanel{border:1px solid var(--line);box-shadow:var(--shadow);background:#fffffff0;border-radius:16px}.providerForm,.providerTable{padding:22px}.providerForm h2,.providerTable h2{margin:0 0 18px;font-size:20px}.providerForm label{gap:8px;margin-bottom:14px;display:grid}.providerForm label span,.loginPanel label span{color:#5d636e;font-size:13px;font-weight:850}.providerForm input,.providerForm select,.loginPanel input{border:1px solid var(--line);width:100%;min-height:42px;color:var(--ink);background:#fbfbfc;border-radius:10px;outline:none;padding:0 12px}.providerForm input:focus,.providerForm select:focus,.loginPanel input:focus{background:#fff;border-color:#151820}.formGrid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.switchLine{align-items:center;gap:10px;grid-template-columns:none!important;display:flex!important}.switchLine input{width:18px;min-height:18px}.formActions,.tableHeader,.rowActions{align-items:center;gap:10px;display:flex}.formActions button:not(.primaryButton),.tableHeader button{color:#252a33;background:#f0f2f5}.tableHeader{justify-content:space-between;margin-bottom:16px}.sortHint{color:#777e89;margin:-6px 0 14px;font-size:12px;font-weight:750}.providerTable.isReordering .providerRow{pointer-events:none}.providerRow{border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-columns:28px 44px minmax(0,1fr) auto auto;align-items:center;gap:14px;margin-bottom:12px;padding:14px;transition:transform .18s,box-shadow .18s,border-color .18s,opacity .18s;display:grid}.providerRow.isDragging{opacity:.48;border-color:#c9ced8;transform:scale(.992)}.providerRow.isDragOver{border-color:#1d2633;transform:translateY(-2px);box-shadow:0 14px 34px #1518201f}.dragHandle{color:#9aa1ad;cursor:grab;border-radius:9px;outline:none;justify-content:center;align-items:center;width:28px;height:42px;transition:background .18s,color .18s,transform .18s;display:inline-flex}.dragHandle:hover,.dragHandle:focus-visible{color:#252a33;background:#f0f2f5}.dragHandle:active{cursor:grabbing;transform:scale(.96)}.rowMain{gap:4px;min-width:0;display:grid}.rowMain strong,.rowMain span,.rowMain code{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.rowMain span{color:var(--muted);font-size:13px;font-weight:700}.rowMain code{color:#8a909a;font-size:12px}.rowActions button{color:#222733;background:#f0f2f5;width:34px;min-height:34px;padding:0}.formMessage,.loadingLine{color:#555d6a;background:#f3f5f8;border-radius:10px;margin:12px 0;padding:12px;font-size:13px;font-weight:800}.loadingLine{align-items:center;gap:8px;display:inline-flex}.adminLoginPage{place-items:center;min-height:100vh;padding:24px;display:grid}.loginPanel{width:min(420px,100%);padding:28px}.loginPanel h1{margin:30px 0 10px;font-size:32px}.loginPanel p{color:var(--muted);margin:0 0 24px;line-height:1.7}.loginPanel label{gap:8px;display:grid}.inputIcon{position:relative}.inputIcon svg{color:#858b95;position:absolute;top:13px;left:12px}.inputIcon input{padding-left:38px}.loginPanel button{color:#fff;background:#151820;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:44px;margin-top:18px;font-weight:850;display:inline-flex}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (max-width:980px){.adminHeader,.adminLayout{flex-direction:column;grid-template-columns:1fr;align-items:flex-start}.cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.nav-inner{padding:0 20px}.main-content{gap:24px;padding:32px 20px 48px}.top-row{flex-direction:column;align-items:flex-start;gap:24px}.right-info{align-items:flex-start;gap:10px;width:100%}.title-line1,.title-line2{font-size:28px}.sub-text{font-size:13px}.status-pill{gap:6px;padding:5px 14px}.status-label{font-size:10px}.status-dot{width:7px;height:7px}.updated-row{flex-wrap:wrap;gap:6px}.updated-text{font-size:10px}.cards-grid{grid-template-columns:1fr}}@media (max-width:680px){.topNav{flex-direction:column;align-items:flex-start;gap:12px;height:auto;padding:14px 20px}.navLinks{flex-wrap:wrap;gap:14px}.adminHeader,.adminLayout{width:calc(100% - 32px)}.adminHeader{margin-top:34px}.providerRow{grid-template-columns:28px 44px minmax(0,1fr)}.rowActions{grid-column:1/-1}.formGrid{grid-template-columns:1fr}}@media (max-width:520px){.storefront-nav{height:48px}.nav-inner{padding:0 16px}.nav-logo{font-size:16px}.nav-logo-mark{width:24px;height:24px}.main-content{gap:20px;padding:24px 16px 40px}.title-line1,.title-line2{font-size:24px}.period-selector{flex-wrap:wrap;gap:6px;max-width:100%;padding:4px 8px}.period-label{font-size:9px}.pill-btn{padding:4px 10px;font-size:9px}.provider-card{height:auto;min-height:345px}.metrics-row{flex-direction:column;height:auto}.metric-value{font-size:15px}}