:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#172033;background:#f5f6f8;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f5f6f8}button,input,select{font:inherit}button{cursor:pointer}.app-shell{min-height:100vh;display:grid;grid-template-rows:46px minmax(0,1fr)}.app-topnav{height:46px;border-bottom:1px solid #d9dee7;background:#fff;box-shadow:0 1px 5px #141f300f;display:grid;grid-template-columns:210px auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:0 10px;position:sticky;top:0;z-index:30}.app-brand{display:flex;align-items:center;gap:8px;min-width:0}.app-brand strong{color:#172033;font-size:16px}.app-brand .brand-logo{width:22px;height:22px}.provider-switcher,.top-account{position:relative}.provider-switcher-placeholder{min-width:1px;pointer-events:none;visibility:hidden}.provider-switcher-trigger,.top-account-trigger{height:30px;border:1px solid transparent;border-radius:4px;background:transparent;color:#172033;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px}.provider-switcher-trigger{width:auto;max-width:280px;font-weight:600}.provider-switcher-trigger:disabled{color:#8a95a5;cursor:not-allowed}.provider-switcher-menu,.top-account-menu{position:absolute;top:34px;z-index:40;border:1px solid #c8d0dc;border-radius:6px;background:#fff;box-shadow:0 14px 36px #141f302e;padding:4px}.provider-switcher-menu{left:0;width:300px}.provider-switcher-menu button,.top-account-menu button{width:100%;min-height:34px;border:0;border-radius:4px;background:transparent;color:#243244;display:flex;align-items:center;gap:8px;padding:7px 9px;text-align:left}.provider-switcher-menu button{display:grid;gap:2px}.provider-switcher-menu button.active,.provider-switcher-menu button:hover,.top-account-menu button:hover{background:#eef6ff}.provider-switcher-menu strong{font-size:13px}.provider-switcher-menu span{color:#667085;font-size:12px}.provider-switcher-trigger:hover,.provider-switcher-trigger[aria-expanded=true],.top-account-trigger:hover{border-color:#d9dee7;background:#f5f7fa}.top-account{justify-self:end}.top-account-menu{right:0;width:150px}.workspace-shell{min-height:0;display:grid;grid-template-columns:232px minmax(0,1fr)}.app-sidebar{border-right:1px solid #d9dee7;background:#fff;padding:14px}.sidebar-section+.sidebar-section{margin-top:18px;padding-top:18px;border-top:1px solid #edf0f5}.sidebar-section-title{color:#667085;font-size:12px;margin:0 0 8px 8px}.app-sidebar nav a{color:#334155}.app-sidebar nav a.active,.app-sidebar nav a:hover{background:#eef6ff;color:#0f5fab}.shell{min-height:100vh;display:grid;grid-template-columns:244px minmax(0,1fr)}.sidebar{background:#202936;color:#fff;padding:14px 12px;display:flex;flex-direction:column;gap:18px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px}.brand-logo{width:28px;height:28px;flex:0 0 auto;object-fit:contain}.brand strong{display:block;font-size:16px}.brand span{display:block;color:#b8c2d0;font-size:12px;margin-top:2px}nav{display:grid;gap:6px}nav button,nav a{width:100%;height:40px;border:0;border-radius:6px;background:transparent;color:#d7deea;display:flex;align-items:center;gap:10px;padding:0 10px;text-decoration:none}nav button.active,nav button:hover,nav a.active,nav a:hover{background:#315071;color:#fff}.sidebar-account{position:relative;margin:auto -12px -14px;padding:6px 8px 8px;border-top:1px solid rgba(255,255,255,.08);background:#090e163d}.account-trigger{width:100%;height:38px;border:0;border-radius:4px;background:transparent;color:#fff;display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px;padding:0 8px}.account-trigger:hover{background:#ffffff14}.account-avatar{width:24px;height:24px;border-radius:50%;background:#4d76a1;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:650}.account-copy{min-width:0;display:grid;gap:1px;text-align:left}.account-copy strong,.account-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{font-size:12px;font-weight:550}.account-copy small{color:#b8c2d0;font-size:11px}.account-menu{position:absolute;left:8px;right:8px;bottom:48px;z-index:20;background:#fff;border:1px solid #c8d0dc;border-radius:6px;box-shadow:0 14px 36px #141f303d;padding:4px;display:grid;gap:2px}.account-menu button{height:30px;border:0;border-radius:6px;background:#fff;color:#243244;display:flex;align-items:center;gap:8px;padding:0 8px;font-size:12px;text-align:left}.account-menu button:hover{background:#eef1f5}.account-menu button:active,.account-trigger:active{background:#e1e7ef}.main{min-width:0;padding:14px 18px;display:grid;gap:10px;align-content:start}.main>*{min-width:0}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:center}h1,h2,p{margin:0}h1{font-size:18px;line-height:1.2}.topbar p{margin-top:2px;color:#667085;font-size:12px}.icon-button,.row-action{border:1px solid #c8d0dc;background:#fff;color:#243244;display:inline-flex;justify-content:center;align-items:center}.icon-button,.row-action{width:30px;height:30px;border-radius:6px}.page-actions{display:flex;justify-content:flex-end}.table-actions{display:flex;align-items:center;justify-content:flex-start;gap:6px;max-width:100%;min-width:0;overflow:hidden;flex-wrap:nowrap}.text-action{min-width:44px;max-width:100%;height:30px;border:1px solid #c8d0dc;border-radius:6px;background:#fff;color:#243244;padding:0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.resource-link{border:0;background:transparent;color:#2764c7;padding:0;font:inherit;font-weight:600;text-align:left;text-decoration:none}.resource-link:hover{text-decoration:underline}.text-action.danger{color:#9f1d1d;border-color:#efb4b4;background:#fff7f7}.text-action:disabled{opacity:.5;cursor:not-allowed}.alert{border-radius:6px;padding:8px 10px;font-size:13px}.alert-error{background:#fff1f0;border:1px solid #ffccc7;color:#9f1d1d}.alert-ok{background:#eefaf3;border:1px solid #b8e7c9;color:#136f3a}.toast-viewport{position:fixed;top:16px;right:18px;z-index:1200;width:min(360px,calc(100vw - 28px));display:grid;gap:8px;pointer-events:none}.toast{--toast-accent: #2764c7;--toast-tint: #edf4ff;position:relative;min-height:44px;border:1px solid rgba(31,42,55,.12);border-radius:8px;background:linear-gradient(180deg,#fff,#fbfcfe);color:#243244;box-shadow:0 16px 38px #141f302e,0 2px 6px #141f3014;display:grid;grid-template-columns:26px minmax(0,1fr);align-items:center;gap:10px;padding:10px 13px 11px 14px;font-size:13px;font-weight:520;line-height:1.35;text-align:left;animation:toast-enter .18s cubic-bezier(.18,.89,.32,1.08),toast-leave .16s ease-in 3.04s forwards}.toast:before{content:"";position:absolute;top:0;bottom:0;left:0;width:3px;background:var(--toast-accent)}.toast-icon{width:26px;height:26px;border-radius:50%;background:var(--toast-tint);color:var(--toast-accent);display:inline-flex;align-items:center;justify-content:center}.toast-text{min-width:0;overflow-wrap:anywhere}.toast-success{--toast-accent: #198754;--toast-tint: #eaf8f0;color:#136f3a}.toast-error{--toast-accent: #d92d20;--toast-tint: #fff1f0;color:#9f1d1d}.toast-info{--toast-accent: #2764c7;--toast-tint: #edf4ff;color:#245394}@keyframes toast-enter{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes toast-leave{to{opacity:0;transform:translateY(-6px) scale(.97)}}@media(max-width:640px){.toast-viewport{right:14px;left:14px;width:auto}}.workbench{display:grid;gap:8px;min-width:0}.provider-overview{display:grid;gap:12px}.provider-overview-head{display:flex;align-items:center;justify-content:space-between;gap:14px}.provider-overview-head h2{font-size:18px;color:#172033}.provider-overview-head p{margin-top:3px;color:#667085;font-size:12px}.provider-overview-actions{display:flex;align-items:center;gap:8px}.quiet-button{border:1px solid transparent;background:transparent;color:#4b5563}.quiet-button:hover{border-color:#d9dee7;background:#fff}.provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:12px}.provider-grid-single{grid-template-columns:minmax(360px,760px)}.provider-card{border:1px solid #d9dee7;border-radius:8px;background:#fff;box-shadow:0 1px 2px #141f300a;overflow:hidden}.provider-card-main{width:100%;border:0;background:linear-gradient(180deg,#fff,#fafbfc);color:inherit;display:grid;gap:12px;padding:16px;text-align:left}.provider-card-main:hover{background:#f8fafc}.provider-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.provider-card-title h3{margin:0 0 4px;color:#172033;font-size:17px;line-height:1.25}.provider-card-title span{color:#667085;font-size:12px}.provider-url{min-height:20px;color:#4b5563;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.provider-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.provider-metrics div{min-height:58px;border:1px solid #edf0f5;border-radius:6px;background:#fff;display:grid;align-content:center;gap:3px;padding:8px}.provider-metrics strong{color:#172033;font-size:19px;line-height:1}.provider-metrics span{color:#667085;font-size:12px}.provider-card-footer{border-top:1px solid #edf0f5;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:12px}.provider-resource-links{min-width:0;display:flex;flex-wrap:wrap;gap:6px}.provider-resource-links button,.provider-edit{height:28px;border:1px solid #d9dee7;border-radius:6px;background:#fff;color:#243244;display:inline-flex;align-items:center;gap:5px;padding:0 8px;font-size:12px}.provider-resource-links button:hover,.provider-edit:hover{border-color:#9eabbc;background:#f8fafc}.provider-edit{flex:0 0 auto;color:#667085}.provider-empty{min-height:320px}.key-pool-detail{gap:12px;min-width:0;max-width:100%}.detail-header,.section-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;max-width:100%}.detail-header .text-action{min-width:auto;border-color:transparent;padding:0 2px;background:transparent;color:#2764c7;display:inline-flex;align-items:center;gap:5px}.detail-title{min-height:86px;border:1px solid #d9dee7;border-radius:8px;background:linear-gradient(180deg,#fff,#f8fafc);padding:18px;display:flex;align-items:flex-start;justify-content:space-between;gap:18px;min-width:0;max-width:100%}.detail-title h2{font-size:22px;line-height:1.25;color:#172033;margin-bottom:6px}.detail-title p{color:#667085;font-size:13px}.key-pool-title{min-width:0;max-width:100%;padding:2px 0 4px}.key-pool-title h2{display:flex;align-items:center;gap:7px;min-width:0;color:#172033;font-size:17px;line-height:1.3;font-weight:650}.key-pool-title h2 span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-pool-title p{margin-top:3px;color:#98a2b3;font-size:12px}.title-icon-action{width:24px;height:24px;border:1px solid transparent;border-radius:2px;background:transparent;color:#667085;display:inline-flex;align-items:center;justify-content:center;padding:0;flex:0 0 auto}.title-icon-action:hover{border-color:#c8d0dc;background:#eef1f5;color:#243244}.title-icon-action:active{background:#dfe5ee;border-color:#9eabbc}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;min-width:0;max-width:100%}.summary-item{min-height:68px;border:1px solid #d9dee7;border-radius:8px;background:#fff;padding:12px;display:grid;gap:7px;align-content:center}.summary-item span,.section-toolbar span{color:#667085;font-size:12px}.summary-item strong{color:#172033;font-size:14px;font-weight:650;word-break:break-word}.summary-item small{color:#667085;font-size:12px;line-height:1.35}.page-submeta{display:block;margin-top:3px;color:#667085;font-size:12px;font-weight:400}.usage-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.usage-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.usage-header h1{margin-bottom:4px}.usage-header p{color:#667085;font-size:12px}.usage-control-bar{min-height:30px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:10px;min-width:0}.usage-control-group{display:inline-flex;align-items:center;min-width:0}.usage-control-group span{color:#667085;font-size:12px;font-weight:600}.usage-range-control button{border-radius:2px}.usage-provider-select{position:relative;min-width:188px}.usage-provider-trigger{width:100%;height:28px;border:1px solid #c8d0dc;border-radius:4px;background:#fff;color:#243244;display:inline-flex;align-items:center;justify-content:space-between;gap:8px;padding:0 8px;font-size:12px;font-weight:600}.usage-provider-trigger span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:inherit;font-size:inherit}.usage-provider-trigger:hover,.usage-provider-trigger[aria-expanded=true]{border-color:#9eabbc;background:#f8fafc}.usage-provider-trigger:active{background:#eef1f5}.usage-provider-menu{position:absolute;top:32px;left:0;z-index:45;width:min(260px,calc(100vw - 32px));max-height:280px;overflow-y:auto;border:1px solid #c8d0dc;border-radius:4px;background:#fff;box-shadow:0 14px 36px #141f3029;padding:4px}.usage-provider-menu button{width:100%;min-height:30px;border:0;border-radius:2px;background:transparent;color:#243244;padding:6px 8px;text-align:left;font-size:12px}.usage-provider-menu button:hover{background:#eef1f5}.usage-provider-menu button:active{background:#dfe5ee}.usage-provider-menu button.active{background:#edf4ff;color:#0f5fab;font-weight:650}.usage-metric strong{font-size:20px}.usage-metric{position:relative}.usage-metric-action{position:absolute;right:10px;bottom:9px;font-size:12px}.usage-metric-action a{color:#b45309;font-weight:650;text-decoration:none}.usage-metric-action a:hover{text-decoration:underline}.usage-metric-ok{border-color:#b8e7c9}.usage-metric-warning{border-color:#ffd89a;background:#fffaf0}.usage-filter-row,.segmented-control{display:flex;align-items:center;gap:6px;min-width:0}.usage-filter-row{overflow-x:auto;padding-bottom:2px}.usage-filter-row button,.segmented-control button{height:28px;border:1px solid #c8d0dc;border-radius:6px;background:#fff;color:#334155;padding:0 10px;white-space:nowrap;font-size:12px}.usage-filter-row button.active,.segmented-control button.active{border-color:#2764c7;background:#edf4ff;color:#0f5fab;font-weight:650}.usage-title svg{color:#2764c7}.usage-panel{border:1px solid #d9dee7;border-radius:6px;background:#fff;padding:10px;display:grid;gap:10px;min-width:0}.usage-trend-panel{padding-bottom:8px}.usage-panel-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0}.usage-panel-header h2{font-size:15px;line-height:1.3;margin-bottom:2px}.usage-panel-header span{color:#667085;font-size:12px}.usage-metric-tabs{display:inline-flex;align-items:center;gap:4px;border:1px solid #d9dee7;border-radius:4px;background:#f8fafc;padding:2px;flex:0 0 auto}.usage-metric-tabs button{height:26px;border:1px solid transparent;border-radius:2px;background:transparent;color:#4b5563;padding:0 9px;font-size:12px}.usage-metric-tabs button:hover{background:#eef1f5}.usage-metric-tabs button:active{background:#dfe5ee}.usage-metric-tabs button.active{border-color:#9db8dd;background:#fff;color:#245a9c;font-weight:650}.usage-chart-wrap{min-width:0;overflow-x:auto;border-top:1px solid #eef1f5;padding-top:8px}.usage-bar-chart{min-width:560px;display:grid;grid-template-columns:54px minmax(0,1fr);grid-template-rows:220px 24px;column-gap:10px}.usage-bar-axis{grid-column:1;grid-row:1;display:flex;flex-direction:column;justify-content:space-between;padding:34px 0 18px;color:#8a94a3;font-size:11px;text-align:right}.usage-bar-plot{position:relative;grid-column:2;grid-row:1;min-height:220px;border-bottom:1px solid #d9dee7;background:linear-gradient(to bottom,#e8edf4 0,#e8edf4 1px,transparent 1px,transparent 50%,#eef1f5 50%,#eef1f5 calc(50% + 1px),transparent calc(50% + 1px))}.usage-bar-bars{position:absolute;inset:34px 0 18px;display:flex;align-items:flex-end;gap:4px}.usage-bar-chart-sparse .usage-bar-bars{gap:0}.usage-bar-chart-medium .usage-bar-bars{gap:3px}.usage-bar-hit{position:relative;flex:1 1 0;min-width:10px;height:100%;display:flex;align-items:flex-end;justify-content:center}.usage-bar-hit:before{content:"";position:absolute;inset:0;border-radius:3px 3px 0 0;background:transparent;transition:background-color .1s ease}.usage-bar-hit:hover:before{background:#1720330f}.usage-bar{position:relative;z-index:1;width:min(22px,78%);border-radius:4px 4px 1px 1px;background:#2764c7;box-shadow:inset 0 -1px #11182729;opacity:.88;transition:background-color .12s ease,opacity .12s ease}.usage-bar-chart-sparse .usage-bar{width:calc(100% - 18px)}.usage-bar-chart-medium .usage-bar{width:min(34px,calc(100% - 10px))}.usage-bar-chart-dense .usage-bar{width:min(18px,72%)}.usage-bar-empty{min-height:0;background:transparent;box-shadow:none}.usage-bar-hit:hover .usage-bar{background:#174ea6;opacity:1}.usage-bar-floating-tooltip{position:absolute;z-index:5;min-width:180px;max-width:220px;border:1px solid #d9dee7;border-radius:6px;background:#fff;box-shadow:0 10px 28px #141f3029;padding:9px 10px;color:#172033;pointer-events:none;transform:translateY(-50%)}.usage-bar-floating-tooltip:after{content:"";position:absolute;top:50%;left:-5px;width:8px;height:8px;border-left:1px solid #d9dee7;border-bottom:1px solid #d9dee7;background:#fff;transform:translateY(-50%) rotate(45deg)}.usage-bar-floating-tooltip.tooltip-left{transform:translate(-100%,-50%)}.usage-bar-floating-tooltip.tooltip-left:after{right:-5px;left:auto;border:0;border-top:1px solid #d9dee7;border-right:1px solid #d9dee7}.usage-bar-floating-tooltip strong{display:block;margin-bottom:7px;font-size:12px;line-height:1.25}.usage-bar-floating-tooltip span{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#667085;font-size:12px}.usage-bar-floating-tooltip b{color:#172033;font-weight:650;white-space:nowrap}.usage-bar-x{grid-column:2;grid-row:2;display:flex;align-items:center;justify-content:space-between;color:#8a94a3;font-size:11px}.usage-rank-header{align-items:flex-end}.usage-rank-tabs{height:34px;flex:0 0 auto}.usage-rank-tabs button{min-width:88px}.table-sort-button{width:100%;min-width:0;height:24px;border:1px solid transparent;border-radius:2px;background:transparent;color:inherit;display:inline-flex;align-items:center;justify-content:flex-start;gap:3px;padding:0 4px;font:inherit}.col-count .table-sort-button,.col-status .table-sort-button{justify-content:center}.col-financial .table-sort-button,.col-time .table-sort-button{justify-content:flex-end}.table-sort-button:hover{background:#dfe5ee}.table-sort-button:active{background:#cfd7e3}.table-sort-button.active{color:#245a9c;font-weight:700}.usage-abnormal-value{color:#b45309;display:inline-flex;align-items:center;justify-content:flex-end;gap:4px;font-weight:650}.usage-muted-value{color:#8a94a3}.usage-timeline{border:1px solid #d9dee7;border-radius:8px;background:#fff;padding:8px;display:grid;gap:6px}.usage-timeline-row{display:grid;grid-template-columns:128px minmax(120px,1fr) 130px 72px;align-items:center;gap:10px;min-height:28px;font-size:12px}.usage-timeline-row span,.usage-timeline-row em{color:#667085;font-style:normal}.usage-timeline-row strong{color:#172033;font-weight:650;text-align:right}.usage-timeline-row div{height:8px;border-radius:999px;background:#eef1f5;overflow:hidden}.usage-timeline-row i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#2764c7,#18a058)}.usage-name-cell{display:grid;gap:3px}.usage-name-cell strong{color:#172033}.usage-name-cell span{color:#667085;font-size:12px}.status-pill{min-width:28px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;padding:0 8px;font-size:12px;font-weight:650}.status-ok{background:#eaf8f0;color:#136f3a}.status-warning{background:#fff4d6;color:#8a4b00}.status-muted{background:#eef1f5;color:#667085}.status-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.status-card{min-height:118px;border:1px solid #d9dee7;border-left-width:4px;border-radius:8px;background:#fff;padding:12px;display:grid;align-content:start;gap:8px}.status-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.status-card-head span{width:26px;height:26px;border-radius:6px;background:#edf4ff;color:#2764c7;display:inline-flex;align-items:center;justify-content:center}.status-card-head i{border-radius:999px;background:#eef1f5;color:#4b5563;padding:3px 8px;font-style:normal;font-size:12px;font-weight:650}.status-card h3{margin:0;color:#172033;font-size:14px}.status-card strong{color:#172033;font-size:16px;line-height:1.15}.status-card-main-link{color:inherit;text-decoration:none}.status-card-main-link:hover{text-decoration:underline}.status-card p{color:#667085;font-size:12px;line-height:1.45;overflow-wrap:anywhere}.status-card-ok{border-color:#b8e7c9;border-left-color:#18a058}.status-card-ok .status-card-head i{background:#eaf8f0;color:#136f3a}.status-card-warning{border-color:#f59e0b;background:#fffaf0;outline:2px solid #f59e0b;outline-offset:-2px}.status-card-warning .status-card-head i{background:#f59e0b;color:#fff}.status-card-warning .status-card-head span{background:#ffedd5;color:#b45309}.status-card-warning strong{color:#92400e}.status-card-hint-warning{color:#92400e;font-weight:650}.status-card-error{border-color:#dc2626;background:#fff7f7;outline:2px solid #dc2626;outline-offset:-2px}.status-card-error .status-card-head i{background:#dc2626;color:#fff}.status-card-error .status-card-head span{background:#fee2e2;color:#b91c1c}.status-card-error strong{color:#991b1b}.status-card-hint-error{color:#991b1b;font-weight:700}.system-overview{min-height:44px;border:1px solid #d9dee7;border-left-width:5px;border-radius:6px;background:#fff;padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:12px}.system-overview>div{display:flex;align-items:baseline;gap:8px}.system-overview span,.system-overview p,.system-fact span{color:#667085;font-size:12px}.system-overview strong{color:#172033;font-size:15px}.system-overview p{margin:0}.system-overview-ok{border-left-color:#18a058}.system-overview-warning{border-color:#f59e0b;background:#fffaf0;outline:2px solid #f59e0b;outline-offset:-2px}.system-overview-warning strong{color:#92400e}.system-overview-error{border-color:#dc2626;background:#fff7f7;outline:2px solid #dc2626;outline-offset:-2px}.system-overview-error strong{color:#991b1b}.system-detail-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.system-detail-panel{border:1px solid #d9dee7;border-radius:6px;background:#fff;padding:10px;display:grid;align-content:start;gap:8px}.system-detail-panel h3{margin:0;color:#172033;font-size:13px}.system-subpage-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,280px));gap:10px}.system-subpage-links a{min-height:64px;border:1px solid #d9dee7;border-radius:6px;background:#fff;color:#243244;display:grid;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:10px;padding:10px 12px;text-decoration:none}.system-subpage-links a:hover{border-color:#9eabbc;background:#f8fafc}.system-subpage-links svg{color:#b45309}.system-subpage-links span{display:grid;gap:3px}.system-subpage-links strong{font-size:13px}.system-subpage-links small{color:#667085;font-size:12px}.dead-letter-page-header{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:30px}.dead-letter-list-meta{display:inline-flex;align-items:center;gap:12px;margin-left:auto;color:#667085;font-size:12px}.table-view-tabs{--tab-count: 1;--tab-index: 0;position:relative;display:inline-grid;grid-template-columns:repeat(var(--tab-count),minmax(76px,1fr));align-items:center;gap:0;border-bottom:1px solid #d9dee7}.table-view-tabs-indicator{position:absolute;bottom:-1px;left:calc((var(--tab-index) + .5) * (100% / var(--tab-count)));z-index:0;width:clamp(36px,calc((100% / var(--tab-count)) - 28px),54px);height:2px;border-radius:2px 2px 0 0;background:#2f6fad;pointer-events:none;transform:translate(-50%);transition:left .18s cubic-bezier(.2,.8,.2,1)}.table-view-tabs button{position:relative;z-index:1;min-width:76px;height:34px;border:1px solid transparent;border-radius:0;background:transparent;color:#4b5563;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:6px}.table-view-tabs button:after{content:"";position:absolute;right:14px;bottom:-1px;left:14px;height:2px;border-radius:2px 2px 0 0;background:transparent;pointer-events:none}.table-view-tabs button:hover{background:#f5f7fa;color:#243244}.table-view-tabs button.active:hover{background:transparent}.table-view-tabs button:active{background:transparent;color:#172033}.table-view-tabs button:active:after{background:#8b95a3}.table-view-tabs button:focus-visible{outline:none;box-shadow:inset 0 0 0 1px #1f75cb}.table-view-tabs button.active{background:transparent;color:#2b5f92}.table-view-tabs button span{line-height:1}.table-view-tabs button i{color:#98a2b3;font-style:normal;font-size:11px;font-weight:500;line-height:1}.table-view-tabs button.active i{color:#7d96b4}.system-fact{display:grid;grid-template-columns:minmax(72px,auto) minmax(0,1fr);align-items:baseline;gap:8px;min-width:0}.system-fact strong{min-width:0;overflow:hidden;color:#243244;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.inventory-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.inventory-grid div{border:1px solid #d9dee7;border-radius:8px;background:#fff;padding:12px;display:grid;gap:6px}.inventory-grid span{color:#667085;font-size:12px}.inventory-grid strong{color:#172033;font-size:20px}.section-toolbar{margin-top:2px}.section-toolbar h3{margin:0 0 2px;font-size:15px;color:#172033}.subsection{display:grid;gap:8px}.subsection-title{display:flex;align-items:baseline;gap:8px}.subsection-title h3{margin:0;color:#172033;font-size:14px}.subsection-title span{color:#667085;font-size:12px}.list-toolbar{background:transparent;border:0;border-radius:0;padding:0 0 2px;display:flex;align-items:center;justify-content:space-between;gap:12px}.list-toolbar>div:first-child{display:flex;align-items:baseline;gap:8px;min-width:0}.list-toolbar h2{font-size:14px;margin-bottom:0}.list-toolbar span{color:#667085;font-size:12px}.ui-button{height:28px;border:0;border-radius:6px;font-size:12px;font-weight:500;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px}.ui-button-primary{background:#2764c7;color:#fff}.ui-button-secondary{background:#eef1f5;color:#243244;border:1px solid #c8d0dc}.ui-button-danger{background:#d92d20;color:#fff}.ui-button-small{height:26px;padding:0 8px}.toolbar-actions{display:flex;gap:8px;align-items:center}.ui-button:hover,.icon-button:hover,.row-action:hover,.text-action:hover{filter:brightness(.98);border-color:#9eabbc}.ui-button:active,.icon-button:active,.row-action:active,.text-action:active{filter:brightness(.94);border-color:#8794a5}.ui-button:focus-visible,.icon-button:focus-visible,.row-action:focus-visible,.text-action:focus-visible,.icon-text-button:focus-visible,.row-menu-trigger:focus-visible,.title-icon-action:focus-visible{outline:none;border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}.editor{background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}.section-title{grid-column:1 / -1;display:flex;align-items:center;gap:8px;color:#243244}h2{font-size:16px}label{display:grid;gap:5px;color:#4b5563;font-size:12px}input,select,textarea{width:100%;border:1px solid #c7cfdb;border-radius:6px;background:#fff;color:#172033;outline:none}input,select{height:32px;padding:0 10px}textarea{min-height:88px;resize:vertical;padding:8px 10px;line-height:1.45}input:focus,select:focus,textarea:focus{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}input.field-invalid{border-color:#d92d20;background:#fff7f7}input.field-invalid:focus{border-color:#d92d20;box-shadow:0 0 0 1px #d92d20}.field-error{color:#9f1d1d;font-size:11px;line-height:1.3}input[readonly]{background:#f2f4f7;color:#667085}.field-with-action{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:8px}.field-with-action textarea{min-width:0}.form-hint{margin:0;color:#667085;font-size:12px;line-height:1.55}.span-2{grid-column:span 2}.check{min-height:32px;display:flex;flex-direction:row;align-items:center;gap:8px;color:#243244}.check input{width:16px;height:16px}.actions{display:flex;justify-content:flex-end;gap:8px}.actions button{height:36px;border:0;border-radius:6px;background:#2764c7;color:#fff;font-weight:650;padding:0 14px;display:inline-flex;align-items:center;gap:6px}.actions button.secondary{background:#eef1f5;color:#243244}.actions button:disabled,.icon-button:disabled,.ui-button:disabled{opacity:.6;cursor:not-allowed}.table-wrap{overflow-x:auto;overflow-y:visible;max-width:100%;min-width:0;contain:layout;background:#fff;border:1px solid #d9dee7;border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px;font-size:13px}.resizable-table{table-layout:fixed}.table-compact{min-width:520px}th,td{border-bottom:1px solid #e7eaf0;padding:7px 9px;text-align:left;vertical-align:middle}th:not(:last-child),td:not(:last-child){border-right:1px solid #e7eaf0}th{background:#f0f3f7;color:#4b5563;font-weight:650;white-space:nowrap;position:relative}.resizable-th-content{display:block;min-width:0;overflow:hidden;text-overflow:ellipsis;padding-right:8px}th.set-filter-column{padding-right:36px}th.set-filter-column .resizable-th-content{overflow:visible;padding-right:0}th.set-filter-column .header-filter{display:block;position:static}th.set-filter-column .header-filter>span{display:block;overflow:hidden;text-overflow:ellipsis}th.set-filter-column .header-filter-trigger{position:absolute;top:calc(50% - 15px);right:3px;z-index:3;margin:0}.column-resize-handle{position:absolute;top:0;right:-4px;z-index:2;width:8px;height:100%;cursor:col-resize;touch-action:none}.column-resize-handle:after{content:"";position:absolute;top:8px;bottom:8px;left:3px;width:1px;background:transparent}.column-resize-handle:hover:after{background:#9eabbc}.table-resizing,.table-resizing *{cursor:col-resize!important;-webkit-user-select:none;user-select:none}.table-spacer-col{width:auto}.table-spacer-cell{border-right:0;width:auto}.col-status,.col-selection{text-align:center}.col-selection .resizable-th-content{display:flex;justify-content:center;padding-right:0}.col-status .status-pill,.col-status .state{margin-right:auto;margin-left:auto}.col-actions{text-align:left}.col-count{text-align:center;font-variant-numeric:tabular-nums}.col-financial{text-align:right;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums}.col-time{white-space:nowrap}.table-ellipsis,.compact-code{display:block;max-width:100%;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}tbody tr:hover td{background:#f8fafc}tbody tr.table-row-active td{background:#eef6ff}tbody tr.table-row-active:hover td{background:#e5f0ff}tr:last-child td{border-bottom:0}.model-price-table{min-width:900px;table-layout:fixed}.model-provider-col{width:90px}.model-name-col{width:28%}.model-token-col{width:30%}.model-price-col{width:150px}.model-status-col{width:82px}.model-action-col{width:48px}.model-price-table .model-name-cell{min-width:220px;font-weight:550;color:#172033}.model-price-row td{height:44px}.price-lines{padding:0}.price-lines>div{min-height:30px;padding:7px 9px;display:flex;align-items:center;border-bottom:1px solid #e7eaf0}.price-lines>div:last-child{border-bottom:0}.model-price-values>div{justify-content:flex-end;text-align:right}.model-status-cell{text-align:center}.model-status-cell .state{justify-content:center}.mono{font-family:SFMono-Regular,Consolas,Liberation Mono,monospace}.api-key-cell{display:block;min-width:0;max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45;color:#172033}.copyable-secret{display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px;min-width:0;max-width:100%}.icon-text-button{height:26px;width:28px;border:1px solid #c8d0dc;border-radius:6px;background:#fff;color:#243244;display:inline-flex;align-items:center;justify-content:center;padding:0;font-size:12px;white-space:nowrap}.icon-text-button span{display:none}.icon-text-button:hover{border-color:#9eabbc;background:#f8fafc}.icon-text-button:active{border-color:#8794a5;background:#e7ecf2}.quota-remaining{color:#136f3a;font-weight:650}.user-key-home{gap:12px}.user-key-list-page{gap:8px}.list-title-row{display:flex;align-items:baseline;gap:15px;min-width:0}.inline-route-link{color:#2764c7;font-size:12px;font-weight:600;text-decoration:none}.inline-route-link:hover{text-decoration:underline}.page-breadcrumb{display:flex;align-items:center;gap:7px;min-width:0;color:#98a2b3;font-size:13px;line-height:1.4}.page-breadcrumb a{color:#2764c7;font-weight:600;text-decoration:none}.page-breadcrumb a:hover{text-decoration:underline}.page-breadcrumb strong{min-width:0;color:#4b5563;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.key-list-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;min-width:0}.key-list-controls .ui-button{border-radius:2px}.key-search-form{display:grid;grid-template-columns:minmax(220px,360px) auto;align-items:center;gap:6px}.key-search-form span{height:30px;border:1px solid #c7cfdb;border-radius:2px;background:#fff;display:grid;grid-template-columns:minmax(0,1fr);align-items:center;padding:0 9px;color:#667085}.key-search-form input{height:28px;border:0;padding:0;min-width:0}.key-search-form span:focus-within{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}.key-search-form span:focus-within input{box-shadow:none}.active-filter-row{min-height:26px;flex:1 1 280px;min-width:240px;align-self:center;display:flex;align-items:center;flex-wrap:wrap;gap:6px}.active-filter-chip{height:24px;border:1px solid #c8d0dc;border-radius:2px;background:#fff;color:#243244;display:inline-flex;align-items:center;gap:4px;padding:0 0 0 8px;font-size:12px;line-height:1}.active-filter-chip strong{font-weight:650}.active-filter-chip button{width:24px;height:22px;border:0;border-radius:2px;background:transparent;color:#667085;display:inline-flex;align-items:center;justify-content:center;padding:0}.active-filter-chip button svg{color:#667085;flex:0 0 auto}.active-filter-chip button:hover{background:#f3f5f8;color:#243244}.active-filter-chip button:active{background:#e7ecf2;color:#172033}.active-filter-clear{height:24px;border:1px solid #c8d0dc;border-radius:2px;background:#fff;color:#243244;padding:0 8px;font-size:12px}.active-filter-clear:hover{background:#f3f5f8;border-color:#aeb8c6}.active-filter-clear:active{background:#e7ecf2;border-color:#8794a5}.table-filter-bar{border:1px solid #dfe4ec;border-radius:6px;background:#fff;padding:8px;display:grid;grid-template-columns:minmax(190px,250px) minmax(140px,170px) minmax(280px,1fr);gap:8px;align-items:center}.table-filter-bar label{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;color:#667085;white-space:nowrap}.table-filter-bar select{min-width:0}.table-search-field span{height:32px;border:1px solid #c7cfdb;border-radius:6px;display:grid;grid-template-columns:18px minmax(0,1fr);align-items:center;gap:6px;padding:0 9px;color:#667085}.table-search-field input{height:30px;border:0;padding:0;min-width:0}.table-search-field span:focus-within{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}.table-search-field span:focus-within input{box-shadow:none}.user-key-secret{width:100%;display:grid;grid-template-columns:minmax(0,1fr) 28px;align-items:center;gap:8px}.user-key-secret .mono{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.45;color:#172033}.key-copy-button{width:28px;padding:0;justify-content:center}.key-copy-button span{display:none}.user-key-list-page td{height:44px}.header-filter{position:relative;display:inline-grid;grid-template-columns:auto 22px;align-items:center;gap:5px;max-width:100%}.header-filter.open{z-index:80}.header-filter-trigger{width:30px;height:30px;margin:-4px;border:0;border-radius:4px;background:transparent;color:#a4acb8;display:inline-flex;align-items:center;justify-content:center;padding:0;position:relative}.header-filter-trigger:before{content:"";position:absolute;inset:4px;border-radius:3px;background:transparent}.header-filter-trigger svg{fill:transparent;position:relative;z-index:1}.header-filter-trigger:hover,.header-filter-trigger[aria-expanded=true]{color:#2764c7}.header-filter-trigger:hover:before,.header-filter-trigger[aria-expanded=true]:before{background:#dfe5ee}.header-filter-trigger:active:before{background:#d2dbe7}.header-filter.active .header-filter-trigger{color:#2764c7}.header-filter.active .header-filter-trigger svg{fill:currentColor;stroke:currentColor}.header-filter-menu{position:fixed;z-index:900;display:grid;gap:2px;min-width:132px;border:1px solid #c8d0dc;border-radius:2px;background:#fff;box-shadow:0 12px 30px #141f3029;padding:4px}.header-filter-menu button{width:100%;height:28px;border:0;border-radius:2px;background:transparent;color:#243244;padding:0 8px;font-size:12px;display:flex;align-items:center;text-align:left}.header-filter-menu button:hover{background:#f1f3f6;color:#243244}.header-filter-menu button.selected,.header-filter-menu button.selected:hover{background:#eef6ff;color:#0f5fab}.header-filter-menu button.empty-option{color:#667085;font-style:italic}.header-filter-menu button.empty-option.selected{color:#2764c7}.row-menu{display:inline-flex;justify-content:center;max-width:100%}.row-menu-trigger{width:28px;height:28px;border:1px solid #c8d0dc;border-radius:4px;background:#fff;color:#243244;display:inline-flex;align-items:center;justify-content:center;padding:0}.row-menu-trigger:hover,.row-menu-trigger[aria-expanded=true]{background:#eef1f5;border-color:#9eabbc}.row-menu-trigger:active{background:#dfe5ee;border-color:#8794a5}.row-menu-popover{position:fixed;z-index:920;display:grid;gap:2px;padding:4px;border:1px solid #c8d0dc;border-radius:4px;background:#fff;box-shadow:0 8px 18px #17203324}.row-menu-popover button{height:28px;border:0;border-radius:3px;background:transparent;color:#243244;padding:0 9px;text-align:left;font-size:12px}.row-menu-popover button:hover{background:#f3f5f8}.row-menu-popover button:active{background:#e7ecf2}.row-menu-popover button.danger{color:#9f1d1d}.row-menu-popover button:disabled{color:#a4acb8;background:transparent;cursor:not-allowed}.table-empty-row td{height:96px;padding:0;background:#f6f8fb;border-bottom:0}.table-empty-cell{min-height:96px;display:grid;place-items:center;align-content:center;gap:6px;color:#667085;text-align:center}.table-empty-cell strong{color:#243244;font-size:14px;font-weight:600}.table-empty-cell span{font-size:12px}.quota-value{display:block;font-family:SFMono-Regular,Consolas,Liberation Mono,monospace;font-variant-numeric:tabular-nums;text-align:right;font-weight:650}.quota-value-ok{color:#136f3a}.quota-value-empty{color:#c2410c}.pagination-bar{border:0;border-radius:0;background:transparent;min-height:38px;padding:4px 0;display:flex;align-items:center;justify-content:space-between;gap:12px}.pagination-bar span{color:#667085;font-size:12px}.pagination-bar div{display:flex;align-items:center;gap:8px}.pagination-bar select{width:auto;min-width:96px;height:28px}.mini-filter-form{display:flex;align-items:center;gap:8px}.mini-filter-form select{height:28px;min-width:100px;border-radius:2px}.table-bulk-toolbar{min-height:34px;border:1px solid #d9dee7;border-radius:4px;background:#f6f8fb;padding:4px 8px;display:flex;align-items:center;justify-content:space-between;gap:8px}.table-bulk-toolbar.active{background:#f8fafc}.table-bulk-toolbar>div{display:inline-flex;align-items:center;gap:10px;min-width:0}.table-bulk-toolbar-side{margin-left:auto}.table-bulk-toolbar span{color:#8a94a3;font-size:12px;font-weight:600}.table-selection-summary{min-width:82px;white-space:nowrap}.table-bulk-toolbar.active span{color:#4b5563}.table-bulk-toolbar .table-result-count,.table-bulk-toolbar.active .table-result-count{color:#667085;font-weight:500}.table-bulk-toolbar .ui-button{height:26px}.table-bulk-toolbar .text-action{min-width:auto;height:26px;border-color:transparent;background:transparent;color:#7b8491;font-size:12px;font-weight:400;padding:0 2px}.table-bulk-toolbar .text-action:disabled{border-color:transparent;background:transparent}.table-bulk-toolbar .text-action:hover{border-color:transparent;background:transparent;color:#2764c7}.table-selection-checkbox{width:15px;height:15px;margin:0;accent-color:#2764c7;cursor:pointer}.table-selection-checkbox:disabled{cursor:not-allowed}.dead-letter-issue,.dead-letter-context{display:grid;gap:3px;min-width:0}.dead-letter-issue strong,.dead-letter-context strong,.dead-letter-issue span,.dead-letter-context span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dead-letter-issue strong{color:#9f1d1d;font-size:12px}.dead-letter-issue span,.dead-letter-context span{color:#667085;font-size:12px}.dead-letter-context strong{color:#243244;font-size:13px}.dead-letter-modal{display:grid;gap:12px;width:min(760px,100%);min-width:0}.dead-letter-summary{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:6px 10px;padding:10px;border:1px solid #efb4b4;border-radius:4px;background:#fff7f7}.dead-letter-summary strong,.dead-letter-summary p{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dead-letter-summary p{grid-column:1 / -1;margin:0;color:#9f1d1d;font-size:12px}.dead-letter-modal-meta{display:grid;grid-template-columns:90px minmax(0,1fr);gap:6px 10px;align-items:baseline;color:#667085;font-size:12px}.dead-letter-modal-meta strong{min-width:0;overflow:hidden;color:#243244;text-overflow:ellipsis;white-space:nowrap}.diagnostic-value{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}.diagnostic-value strong{flex:0 1 auto;max-width:min(520px,calc(100% - 32px))}.diagnostic-value .icon-text-button{flex:0 0 auto}.modal-section-title{margin:2px 0 -4px;color:#243244;font-size:13px}.dead-letter-modal pre{max-height:min(560px,62vh);margin:0;padding:12px;border:1px solid #d9dee7;border-radius:4px;background:#f8fafc;color:#243244;overflow:auto;font-size:12px;line-height:1.5}.dialog-hint{margin:0;color:#667085;font-size:12px;line-height:1.5}.product-key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:10px}.product-key-card{border:1px solid #d9dee7;border-radius:8px;background:#fff;padding:14px;display:grid;gap:12px}.product-key-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.product-key-card-head h3{margin:0 0 4px;color:#172033;font-size:15px}.product-key-card-head span{color:#667085;font-size:12px}.product-key-card p{color:#667085;font-size:12px;line-height:1.45}.product-key-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}.product-key-metrics div{min-height:56px;border:1px solid #edf0f5;border-radius:6px;background:#f8fafc;padding:8px;display:grid;align-content:center;gap:4px}.product-key-metrics span{color:#667085;font-size:12px}.product-key-metrics strong{color:#172033;font-size:17px;line-height:1;overflow-wrap:anywhere}.user-key-empty{min-height:180px}.batch-label{color:#2764c7;font-size:12px}.remark-cell{display:block;max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.state{display:inline-flex;align-items:center;gap:4px;color:#8a4b12;background:#fff5e6;border:1px solid #f3d5a5;border-radius:999px;padding:2px 7px;white-space:nowrap}.state-on{color:#136f3a;background:#eefaf3;border-color:#b8e7c9}.chips{display:flex;flex-wrap:wrap;gap:5px}.chips span{border:1px solid #c8d0dc;background:#f7f9fc;color:#39485d;border-radius:999px;padding:3px 8px;white-space:nowrap}.modal-layer{position:fixed;inset:0;pointer-events:none}.modal-scrim{position:absolute;inset:0;border:0;background:#161d2a57;pointer-events:auto;animation:scrim-in .18s ease-out both}.dialog-position{--dialog-x: 0px;--dialog-y: 0px;position:fixed;left:50%;top:50%;width:min(720px,calc(100vw - 32px));transform:translate(calc(-50% + var(--dialog-x)),calc(-50% + var(--dialog-y)));pointer-events:none}.dialog-position-compact{width:min(460px,calc(100vw - 32px))}.dialog-panel{max-height:min(86vh,760px);background:#fff;border:1px solid #cbd3df;border-radius:8px;box-shadow:0 24px 70px #141f303d;pointer-events:auto;overflow:hidden;display:flex;flex-direction:column;animation:dialog-open .18s cubic-bezier(.2,.8,.2,1) both}.modal-layer.closing .modal-scrim{animation:scrim-out 90ms ease-in both}.modal-layer.closing .dialog-panel{animation:dialog-close 90ms ease-in both}.dialog-titlebar{flex:0 0 auto;height:40px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 10px 0 14px;background:#f5f7fa;border-bottom:1px solid #d9dee7;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.dialog-titlebar>div{min-width:0;display:flex;align-items:center;gap:8px;color:#243244}.dialog-titlebar strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialog-close{width:28px;height:28px;border:1px solid #c8d0dc;border-radius:6px;background:#fff;color:#243244;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.dialog-close:hover{background:#eef1f5;border-color:#9eabbc;color:#172033}.dialog-close:active{background:#e1e7ef;border-color:#8794a5}.dialog-body{flex:1 1 auto;min-height:0;max-height:calc(min(86vh,760px) - 40px);overflow:auto;padding:14px}.dialog-panel-with-footer .dialog-body{max-height:calc(min(86vh,760px) - 91px)}.dialog-footer{flex:0 0 auto;min-height:50px;border-top:1px solid #e4e8ef;background:#fff;padding:10px 14px;display:flex;align-items:center;justify-content:flex-end;gap:7px}.dialog-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:end}.password-form,.user-form{grid-template-columns:minmax(0,360px);justify-content:center}.password-form .span-2,.password-form .dialog-actions,.user-form .span-2,.user-form .dialog-actions{grid-column:1}.pricing-editor{border-top:1px solid #e4e8ef;padding-top:10px;display:grid;gap:8px}.pricing-editor-title{display:flex;justify-content:space-between;align-items:center;gap:10px}.pricing-editor-title strong{font-size:13px;color:#243244}.pricing-tier{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:end;gap:8px;padding:8px 46px 8px 8px;border:1px solid #d9dee7;border-radius:4px;background:#fafbfc}.pricing-tier .row-action{position:absolute;top:8px;right:8px}.pricing-tier label{min-width:0}.pricing-tier .range-field{grid-column:auto}.pricing-tier input{padding:0 7px}.price-input::placeholder{color:#98a2b3}.price-input:disabled{background:#f2f4f7;color:#98a2b3;cursor:not-allowed}.price-input:disabled::placeholder{color:#98a2b3}.price-input-invalid,.price-input-invalid:focus{border-color:#d92d20;background:#fff7f7}.price-input-invalid:focus{box-shadow:0 0 0 1px #d92d20}.price-input:focus::placeholder{color:transparent!important;opacity:0}.pricing-tier .row-action:disabled{opacity:.45;cursor:not-allowed}.token-range-placeholder{width:100%;height:32px;border:1px solid #c7cfdb;border-radius:4px;background:#fff;color:#98a2b3;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:450}.token-range-placeholder:hover{border-color:#9eabbc;background:#fbfcfe}.token-range-placeholder:focus-visible{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb;outline:none}.token-range{min-height:32px;border:1px solid #c7cfdb;border-radius:4px;background:#fff;display:grid;grid-template-columns:auto minmax(48px,1fr) auto minmax(64px,1fr) auto;align-items:center;column-gap:6px;padding:0 8px}.token-range:focus-within{border-color:#1f75cb;box-shadow:0 0 0 1px #1f75cb}.token-range-invalid{border-color:#d92d20;background:#fff7f7}.token-range-invalid:focus-within{border-color:#d92d20;box-shadow:0 0 0 1px #d92d20}.token-range input{height:30px;min-width:0;border:0;border-radius:0;background:transparent;padding:0 3px;text-align:center}.token-range input:focus{border:0;box-shadow:none}.token-range-bracket{color:#667085;font-size:15px;font-weight:650}.token-range:focus-within .token-range-bracket{color:#1f75cb}.token-range-invalid:focus-within .token-range-bracket,.token-range-invalid .token-range-bracket{color:#d92d20}.token-range-divider{color:#98a2b3;font-weight:650}.token-range .range-missing::placeholder{color:#d92d20;font-weight:700;opacity:1}.pricing-range-error{margin-top:-1px}.dialog-actions{grid-column:1 / -1;position:sticky;bottom:-14px;z-index:3;display:flex;justify-content:flex-end;gap:7px;margin:2px -14px -14px;padding:10px 14px;border-top:1px solid #e4e8ef;background:#fff}.modal-alert-content{display:grid;gap:14px}.modal-alert-content p{color:#243244;font-size:13px;line-height:1.6}.modal-alert-actions{position:static;margin:0 -14px -14px}.empty-state{min-height:280px;border:1px dashed #c7cfdb;border-radius:8px;background:#fff;display:grid;place-items:center;align-content:center;gap:10px;padding:28px;text-align:center}.empty-state h2{margin:0;font-size:18px}.empty-state p{margin:0;color:#667085;font-size:13px}.inline-loading{min-height:280px;border:1px solid #d9dee7;border-radius:8px;background:#fff}.login-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.login-panel{width:min(480px,100%);background:#fff;border:1px solid #d9dee7;border-radius:8px;padding:36px;display:grid;gap:18px;box-shadow:0 22px 60px #141f3024}.login-brand{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:8px;text-align:center}.login-logo{width:76px;height:76px}.login-brand strong{display:block;font-size:26px;line-height:1.15}.login-panel label{gap:7px;font-size:13px}.login-panel input{height:40px;font-size:14px}.login-panel button[type=submit]{height:40px;border:0;border-radius:6px;background:#2764c7;color:#fff;font-size:14px;font-weight:550}.loading-page{min-height:100vh;display:grid;place-items:center;color:#667085}@keyframes dialog-open{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes dialog-close{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.96)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes scrim-out{0%{opacity:1}to{opacity:0}}@media(max-width:960px){.app-shell{grid-template-rows:auto minmax(0,1fr)}.app-topnav{height:auto;min-height:46px;grid-template-columns:minmax(0,1fr) auto;gap:8px;padding:8px 10px}.app-brand{grid-column:1 / 2}.provider-switcher{grid-column:1 / -1;grid-row:2}.provider-switcher-placeholder{display:none}.provider-switcher-trigger{max-width:none;width:100%}.provider-switcher-menu{width:min(300px,calc(100vw - 20px))}.top-account{grid-column:2;grid-row:1}.workspace-shell{grid-template-columns:1fr}.app-sidebar{position:sticky;top:0;z-index:20;border-right:0;border-bottom:1px solid #d9dee7;padding:8px 10px;display:grid;gap:8px;overflow:hidden}.sidebar-section{display:grid;gap:6px}.sidebar-section+.sidebar-section{margin-top:0;padding-top:8px;padding-left:0;border-top:1px solid #edf0f5;border-left:0}.sidebar-section-title{display:none}.app-sidebar nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.app-sidebar nav a{width:100%;justify-content:center;height:34px;padding:0 8px}.provider-grid{grid-template-columns:1fr}.main>*,.table-wrap{max-width:calc(100vw - 28px)}.provider-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.provider-card-footer,.provider-overview-head,.product-key-card-head{align-items:stretch;flex-direction:column}.product-key-grid,.product-key-metrics,.table-filter-bar{grid-template-columns:1fr}.pagination-bar{align-items:stretch;flex-direction:column}.pagination-bar div{justify-content:space-between;flex-wrap:wrap}.shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:5;padding:10px}.sidebar-account{margin-right:-10px;margin-bottom:-10px;margin-left:-10px}.brand{display:none}nav{grid-template-columns:repeat(3,1fr)}nav button,nav a{justify-content:center}.main{padding:14px}.detail-header,.detail-title,.section-toolbar{align-items:stretch;flex-direction:column;width:100%;max-width:100%}.detail-header .text-action,.detail-header .ui-button{width:100%;max-width:100%}.summary-grid,.usage-summary-grid,.status-grid,.system-detail-grid,.inventory-grid{grid-template-columns:1fr}.usage-header,.usage-control-bar,.usage-panel-header{align-items:stretch;flex-direction:column}.usage-header .ui-button,.usage-control-group,.usage-provider-select,.usage-metric-tabs,.usage-rank-tabs,.usage-provider-menu{width:100%}.usage-metric-tabs button,.usage-rank-tabs button{flex:1 1 0}.usage-filter-row{max-width:calc(100vw - 28px)}.segmented-control{width:100%}.segmented-control button{flex:1 1 0;padding:0 6px}.key-list-controls{align-items:stretch;flex-direction:column}.active-filter-row{flex:0 1 auto;min-width:0;width:100%;align-self:stretch}.key-search-form{grid-template-columns:minmax(0,1fr) auto}.usage-timeline-row{grid-template-columns:1fr;gap:5px;padding:6px 0}.usage-timeline-row strong{text-align:left}.editor,.dialog-form,.pricing-tier{grid-template-columns:1fr}.pricing-tier .row-action{position:static}.span-2{grid-column:auto}}