.ud-main{max-width:1500px;margin:auto;padding:36px 24px 90px;color:#e8e9e8;font-family:inherit;scroll-behavior:smooth}.ud-main *{box-sizing:border-box}.ud-main a{color:inherit;text-decoration:none}.ud-main button,.ud-main select,.ud-main input{font:inherit}.ud-main button{cursor:pointer}.ud-heading,.ud-section-title,.ud-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px}.ud-heading{align-items:center;margin-bottom:22px}.ud-heading h1{font-size:clamp(28px,3vw,38px);letter-spacing:-.035em;margin:7px 0 5px;font-weight:650}.ud-heading p,.ud-section-title p,.ud-card-head p{margin:5px 0 0;color:#929794;font-size:13px}.ud-eyebrow{font-size:11px;letter-spacing:.15em;color:#8da582;font-weight:700}.ud-heading-side{display:flex;align-items:flex-end;gap:9px;flex-direction:column}.ud-demo-pill{font-size:10px;letter-spacing:.1em;color:#aab0aa;padding:6px 9px;border:1px solid #3a3d3a;border-radius:6px;background:#222522;white-space:nowrap}.ud-status{color:#9edb61;font-size:12px;white-space:nowrap}.ud-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#64c544;box-shadow:0 0 0 4px #64c54422;margin-right:6px}.ud-tabs{display:flex;gap:5px;overflow-x:auto;margin-bottom:20px;padding:5px;border:1px solid #363a38;border-radius:11px;width:max-content;max-width:100%;background:#202220;scrollbar-width:none}.ud-tabs a{padding:9px 15px;border-radius:7px;font-size:12px;white-space:nowrap;color:#aaafaa}.ud-tabs a.active,.ud-tabs a:hover{background:#35402c;color:#d6f4bf}.ud-card{min-width:0;padding:22px;border:1px solid #363a38;border-radius:16px;background:#242625;box-shadow:0 16px 34px #0002}.ud-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:16px}.ud-kpi{min-height:190px;display:flex;flex-direction:column;padding:20px}.ud-kpi-label,.ud-token-metrics small,.ud-perf-grid small{font-size:11px;letter-spacing:.1em;color:#969c98}.ud-kpi-value{font-size:clamp(30px,3vw,42px);font-weight:670;letter-spacing:-.05em;line-height:1.15;margin:18px 0 5px}.ud-kpi-value span{font-size:.53em;color:#a0a6a1;font-weight:500}.ud-kpi p{font-size:12px;color:#b4bbb4;margin:0}.ud-kpi small{font-size:10px;color:#929a92}.ud-kpi-bottom,.ud-kpi-links{margin-top:auto;padding-top:17px;display:flex;flex-wrap:wrap;gap:8px 12px;font-size:11px;color:#a5aba5}.ud-kpi-bottom a,.ud-kpi-links a,.ud-row-actions a,.ud-row-actions button,.ud-security-note a,.ud-key-grid button{color:#98d65e;font-weight:650}.ud-kpi-links{flex-direction:column;gap:7px}.ud-green{color:#91d355}.ud-progress{height:8px;border-radius:9px;background:#3a3d3a;overflow:hidden;margin:11px 0}.ud-progress i{display:block;height:100%;background:linear-gradient(90deg,#75b834,#9bdc53);border-radius:9px}.ud-mini-bars{height:28px;margin-top:auto!important}.ud-bars{display:flex;align-items:flex-end;gap:3px}.ud-bars i{display:block;flex:1;min-width:2px;background:#78b935;border-radius:3px 3px 0 0}.ud-duo{display:grid;grid-template-columns:1fr 1fr;gap:16px}.ud-sub-grid{grid-template-columns:1.2fr .8fr}.ud-sub-grid>section{scroll-margin-top:90px}.ud-card-head{align-items:center;margin-bottom:17px}.ud-card-head h2,.ud-section-title h2{font-size:23px;letter-spacing:-.03em;margin:4px 0}.ud-card-head h3,.ud-chart-top h3{font-size:18px;margin:4px 0;letter-spacing:-.02em}.ud-button{border:1px solid #6baa38;border-radius:9px;background:#76ba3c;color:#17230e;padding:10px 14px;font-size:12px;font-weight:750;white-space:nowrap}.ud-button:hover{background:#93d255}.ud-subrow{padding:16px 0;border-top:1px solid #393d39}.ud-subhead,.ud-health-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.ud-subtitle{font-size:17px;font-weight:700}.ud-subhead small{font-size:11px;color:#9fa69f}.ud-subhead strong{white-space:nowrap;font-size:17px}.ud-subhead strong small{font-weight:400}.ud-badge{display:inline-flex;align-items:center;border-radius:5px;padding:4px 7px;font-size:10px;line-height:1.1;white-space:nowrap;font-weight:650}.ud-badge.ok{background:#2f6c32;color:#bbf3ab}.ud-badge.warn{background:#70592c;color:#ffe4a3}.ud-badge.bad{background:#783833;color:#ffb8b0}.ud-badge.muted{background:#414541;color:#b5bdb5}.ud-progress-label{display:flex;justify-content:space-between;margin-top:13px;font-size:11px;color:#a8afa8}.ud-progress-label b{color:#e1e7df}.ud-row-actions{display:flex;gap:16px;margin-top:10px}.ud-row-actions button,.ud-key-grid button{padding:0;border:0;background:none;font-size:11px}.ud-row-actions a{font-size:11px}.ud-history{border-top:1px solid #393d39;padding-top:14px}.ud-history h3{font-size:13px;margin:0 0 10px}.ud-history>div{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px;font-size:11px;color:#adb3ae;padding:7px 0}.ud-health{padding:14px 0;border-top:1px solid #393d39}.ud-health-title strong{font-size:14px}.ud-health-number{font-size:26px;font-weight:700;margin:8px 0}.ud-health-number small{font-size:11px;color:#a2aaa2;font-weight:400}.ud-health-bars{height:26px}.ud-health-bars i{background:#638f37}.ud-health-meta{display:flex;justify-content:space-between;gap:8px;margin-top:13px;font-size:10px;color:#a5aca6}.ud-health-meta b{display:block;margin-top:3px;color:#dfe6dc;font-size:12px}.ud-muted-note{font-size:11px;color:#929a92;line-height:1.5}.ud-analytics{margin:31px 0;scroll-margin-top:80px}.ud-section-title{align-items:end;margin-bottom:15px}.ud-filters,.ud-log-filters{display:flex;flex-wrap:wrap;gap:8px}.ud-filters label{display:flex;flex-direction:column;gap:5px;font-size:10px;color:#9fa79f}.ud-filters select,.ud-log-filters select,.ud-log-filters input{background:#2a2d2a;border:1px solid #444a43;color:#e4e9e2;border-radius:8px;padding:8px 10px;min-width:120px;font-size:11px}.ud-filter-note{font-size:11px;color:#9ba29a;margin:0 0 12px}.ud-chart-card{min-height:260px}.ud-chart-top{display:flex;align-items:center;justify-content:space-between}.ud-chart-top strong{font-size:22px}.ud-chart-top small{display:block;text-align:right;color:#a2a9a2;font-size:10px;font-weight:400}.ud-chart-bars{height:112px;gap:5px;margin-top:23px;padding-top:5px;border-bottom:1px solid #444943;background:repeating-linear-gradient(to top,transparent 0,transparent 27px,#ffffff0d 28px)}.ud-chart-bars i{background:linear-gradient(#8cce44,#4c7528);min-width:3px}.ud-slots-bars i{background:linear-gradient(#8bd55a,#346d3d)}.ud-chart-axis{display:flex;justify-content:space-between;color:#858c85;font-size:10px;margin-top:9px}.ud-legend,.ud-slot-stats{display:flex;flex-wrap:wrap;gap:16px;margin-top:17px;color:#a8b0a7;font-size:10px}.ud-legend i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8cce44;margin-right:4px}.ud-legend i.ud-red{background:#e27963}.ud-slot-stats b{color:#e0e8de;margin-left:3px}.ud-tokens{margin-top:16px}.ud-token-metrics,.ud-perf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ud-token-metrics>div{padding:12px;border:1px solid #3b403b;border-radius:9px;background:#292c29}.ud-token-metrics strong{display:block;font-size:20px;margin-top:8px}.ud-token-bars{height:75px;margin-top:18px}.ud-diagnostic{margin-top:16px}.ud-perf-grid>div,.ud-perf-grid>button{padding:10px;background:#2b2e2b;border:1px solid #3e433e;border-radius:9px;text-align:left;color:#e7ede4}.ud-perf-grid strong{display:block;font-size:19px;margin:10px 0}.ud-perf-grid span{font-size:10px;color:#9ca59b}.ud-error-details{border-top:1px solid #3b403b;margin-top:16px;padding-top:12px;font-size:11px}.ud-error-details summary{cursor:pointer;color:#aadb83}.ud-error-details>div{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:12px;color:#aab2aa}.ud-ip-list button{width:100%;display:grid;grid-template-columns:1fr 1.3fr auto;gap:10px;align-items:center;text-align:left;border:0;border-top:1px solid #3a3f3a;background:transparent;color:#dbe2d8;padding:12px 0;font-size:11px}.ud-ip-list span{color:#9ba39a}.ud-ip-list b{color:#8acb51}.ud-security-note{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:12px;border:1px solid #685a35;background:#463d2d66;border-radius:10px;font-size:11px}.ud-security-note p{flex:1;min-width:180px;margin:0;color:#d3c9a9}.ud-security-note button{border:1px solid #8d7945;border-radius:6px;background:#5d4e2c;color:#f0e1b5;padding:6px 8px;font-size:10px}.ud-keys,.ud-logs{margin-top:24px;scroll-margin-top:80px}.ud-key-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.ud-key-grid article{padding:17px;border:1px solid #3a403a;border-radius:10px;background:#292c29}.ud-key-grid article>div:first-child{display:flex;justify-content:space-between;gap:10px}.ud-key-grid code{display:block;margin:12px 0;font-size:11px;color:#9ecb83}.ud-key-grid dl{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 12px}.ud-key-grid dl div{min-width:0}.ud-key-grid dt{font-size:10px;color:#959f95}.ud-key-grid dd{font-size:11px;margin:3px 0 0;overflow-wrap:anywhere}.ud-log-filters{margin-bottom:14px}.ud-log-filters input{flex:1;min-width:200px}.ud-log-filters button{border:1px solid #484e47;background:#303430;color:#d2dacf;border-radius:8px;padding:8px 11px;font-size:11px}.ud-log-table{overflow-x:auto}.ud-log-header,.ud-log-row{display:grid;grid-template-columns:75px 1.1fr 1.35fr 105px 95px 65px 65px 65px 75px 15px;align-items:center;gap:12px;min-width:970px}.ud-log-header{font-size:10px;color:#9ba59a;padding:10px 8px;border-bottom:1px solid #414741}.ud-log-row{width:100%;text-align:left;border:0;border-bottom:1px solid #373d37;background:transparent;color:#d5ded3;font-size:11px;padding:13px 8px}.ud-log-row:hover{background:#303a2d}.ud-log-arrow{color:#8dcc53}.ud-log-footer{display:flex;justify-content:space-between;color:#919991;font-size:11px;padding-top:14px}.ud-toast{position:fixed;right:24px;bottom:24px;z-index:50;padding:13px 17px;background:#354d2b;color:#e7f8de;border:1px solid #7fb850;border-radius:10px;box-shadow:0 15px 35px #0008;font-size:12px;max-width:340px}.ud-main dialog{border:1px solid #555f52;background:#252925;color:#ecf1ea;border-radius:14px;padding:26px;max-width:520px;width:calc(100% - 32px)}.ud-main dialog::backdrop{background:#000a}.ud-main dialog form{display:grid;gap:14px}.ud-main dialog h2{font-size:21px;margin:0}.ud-main dialog p{color:#aeb7ab;font-size:12px}.ud-main dialog dl{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:11px}.ud-main dialog dt{color:#94a094}.ud-main dialog dd{margin:3px 0 0;overflow-wrap:anywhere}.ud-dialog-close{position:absolute;top:10px;right:12px;background:none;border:0;color:#b8c2b5;font-size:22px}.ud-main dialog label{display:grid;gap:5px;font-size:11px}.ud-main dialog input,.ud-main dialog select{background:#333833;border:1px solid #596158;color:#eef4eb;border-radius:7px;padding:9px}.ud-main :focus-visible{outline:2px solid #9ed65d;outline-offset:2px}@media(max-width:1150px){.ud-kpis{grid-template-columns:repeat(2,1fr)}.ud-sub-grid{grid-template-columns:1fr 1fr}.ud-perf-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:800px){.ud-main{padding:24px 16px 70px}.ud-heading,.ud-section-title{align-items:flex-start;flex-direction:column}.ud-heading-side{align-items:flex-start}.ud-duo,.ud-sub-grid{grid-template-columns:1fr}.ud-filters{width:100%}.ud-filters label{flex:1;min-width:110px}.ud-token-metrics{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.ud-kpis{grid-template-columns:1fr}.ud-kpi{min-height:150px}.ud-card{padding:17px}.ud-card-head{align-items:flex-start;flex-direction:column}.ud-subhead{align-items:flex-start}.ud-key-grid{grid-template-columns:1fr}.ud-perf-grid{grid-template-columns:repeat(2,1fr)}.ud-health-meta{flex-wrap:wrap}.ud-logs .ud-log-header{display:none}.ud-logs .ud-log-row{display:grid;grid-template-columns:1fr auto;min-width:0;gap:5px 10px;padding:14px;border:1px solid #3c433b;border-radius:10px;margin-bottom:8px}.ud-log-row span{font-size:10px}.ud-log-row span:nth-child(3){grid-column:1}.ud-log-row span:nth-child(4){grid-column:1}.ud-log-row span:nth-child(5){grid-column:2;grid-row:1}.ud-log-row span:nth-child(6)::before{content:'In ';color:#89938a}.ud-log-row span:nth-child(7)::before{content:'Out ';color:#89938a}.ud-log-row span:nth-child(8)::before{content:'Cache ';color:#89938a}.ud-log-row span:nth-child(9){grid-column:1}.ud-log-arrow{grid-column:2;grid-row:4}.ud-ip-list button{grid-template-columns:1fr auto}.ud-ip-list span{grid-column:1}.ud-ip-list b{grid-column:2;grid-row:1/3}}
.ud-main [hidden]{display:none!important}
.cabinet-quiet .ud-main .ud-eyebrow{color:#8da582}.cabinet-quiet .ud-main .ud-status,.cabinet-quiet .ud-main .ud-green,.cabinet-quiet .ud-main .ud-kpi-bottom a,.cabinet-quiet .ud-main .ud-kpi-links a,.cabinet-quiet .ud-main .ud-row-actions a,.cabinet-quiet .ud-main .ud-row-actions button,.cabinet-quiet .ud-main .ud-security-note a{color:#98d65e}.cabinet-quiet .ud-main .ud-demo-pill{color:#aab0aa}.cabinet-quiet .ud-main .ud-badge.ok{color:#bbf3ab}.cabinet-quiet .ud-main .ud-badge.warn{color:#ffe4a3}.cabinet-quiet .ud-main .ud-badge.bad{color:#ffb8b0}.cabinet-quiet .ud-main .ud-badge.muted{color:#b5bdb5}.cabinet-quiet .ud-main .ud-tabs a.active{color:#d6f4bf!important}.cabinet-quiet .ud-main .ud-button{color:#17230e}.cabinet-quiet .ud-main .ud-log-row span{color:#d5ded3}.cabinet-quiet .ud-main .ud-log-row .ud-log-arrow{color:#8dcc53}
/* Native dialog: the app reset removes browser centering, so center it explicitly. */
.ud-main #ud-dialog[open]{position:fixed!important;inset:0!important;left:50%!important;top:50%!important;right:auto!important;bottom:auto!important;margin:0!important;transform:translate(-50%,-50%);max-height:min(720px,calc(100dvh - 32px));overflow-y:auto;z-index:1000}
.ud-main #ud-dialog[open] form{min-width:0}
@keyframes ud-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes ud-bar-grow{from{transform:scaleY(.04);opacity:.35}to{transform:scaleY(1);opacity:1}}
@keyframes ud-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ud-dialog-in{from{opacity:0;transform:translate(-50%,calc(-50% + 16px)) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
.ud-main .ud-animate-in{animation:ud-rise .72s cubic-bezier(.2,.7,.2,1) both}
.ud-main .ud-kpis .ud-kpi:nth-child(2){animation-delay:90ms}.ud-main .ud-kpis .ud-kpi:nth-child(3){animation-delay:180ms}.ud-main .ud-kpis .ud-kpi:nth-child(4){animation-delay:270ms}
.ud-main .ud-bars i{transform-origin:bottom;transform:scaleY(1)}
.ud-main .ud-chart-play .ud-bars i{animation:ud-bar-grow 1.35s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--bar-index) * 34ms)}
.ud-main .ud-chart-play .ud-progress i{animation:ud-fill 1.2s cubic-bezier(.2,.7,.2,1) both;transform-origin:left}
.ud-main #ud-dialog[open]{animation:ud-dialog-in .28s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){.ud-main .ud-animate-in,.ud-main .ud-chart-play .ud-bars i,.ud-main .ud-chart-play .ud-progress i,.ud-main #ud-dialog[open]{animation:none!important}}
.ud-main #ud-dialog[open]{transform:translate(-50%,-50%)}
.ud-main .ud-chart-bars,.ud-main .ud-health-bars{position:relative;isolation:isolate}
.ud-main .ud-chart-bars i,.ud-main .ud-health-bars i{cursor:crosshair;transition:filter .18s,box-shadow .18s}
.ud-main .ud-chart-bars i:hover,.ud-main .ud-chart-bars i:focus-visible,.ud-main .ud-health-bars i:hover,.ud-main .ud-health-bars i:focus-visible{filter:brightness(1.5);box-shadow:0 0 0 2px #b8f58288;outline:none}
.ud-main .ud-chart-tooltip{position:absolute;z-index:5;top:8px;width:180px;padding:11px 12px;background:#161b17;border:1px solid #6a9650;border-radius:9px;box-shadow:0 15px 35px #0009;color:#e9f3e6;font-size:11px;pointer-events:none}
.ud-main .ud-chart-tooltip strong{display:block;margin-bottom:7px;font-size:12px;color:#e9f3e6}
.ud-main .ud-chart-tooltip div{display:flex;justify-content:space-between;gap:8px;margin:4px 0}.ud-main .ud-chart-tooltip span{color:#adb8aa}.ud-main .ud-chart-tooltip b{color:#d7f2cc}
.ud-main .ud-health-bars .ud-chart-tooltip{top:-12px}
.ud-main .ud-api-working{display:flex;align-items:center;gap:11px}
.ud-main .ud-api-dot{display:inline-block;flex:none;width:13px;height:13px;border-radius:50%;background:#79c947;box-shadow:0 0 0 5px #79c94726,0 0 15px #79c94766}
/* Shared neutral card treatment with the public Rate Cloud pages. */
.ud-main .ud-card{background:#222426;border-color:#373b3d}.ud-main .ud-token-metrics>div,.ud-main .ud-perf-grid>div,.ud-main .ud-perf-grid>button,.ud-main .ud-key-grid>article{background:#2a2c2e;border-color:#414548}.ud-main .ud-filters select,.ud-main .ud-log-filters select,.ud-main .ud-log-filters input,.ud-main dialog input,.ud-main dialog select{background:#292c2e;border-color:#4b5152}.ud-main .ud-tabs{background:#1e2022;border-color:#383d3e}.ud-main .ud-tabs a.active{background:#364432}.ud-main dialog{background:#222426}
.ud-key-scopes{display:flex;gap:6px;flex-wrap:wrap;margin:10px 0}.ud-key-scopes span{padding:4px 7px;background:#35432f;border:1px solid #587846;border-radius:5px;color:#b9e69a;font-size:10px}.ud-scope-note{color:#a9b1a9;font-size:11px;line-height:1.5}.ud-main dialog fieldset{border:1px solid #4b5549;border-radius:8px;padding:12px}.ud-main dialog legend{color:#dce8d6;font-size:11px}.ud-main dialog .ud-scope-option{display:block;margin:8px 0}.ud-main dialog .ud-scope-option input{width:auto;margin-right:7px}.ud-main dialog .ud-scope-list{display:flex;gap:8px;flex-wrap:wrap;padding:10px 0}.ud-main dialog .ud-scope-list label{display:inline-flex;gap:5px;align-items:center;border:1px solid #4b5549;border-radius:6px;padding:6px 8px}.ud-main dialog .ud-scope-list input{width:auto}
/* Home palette is the source of truth for dashboard surfaces. */
.ud-main .ud-card,.ud-main dialog{background:var(--rc-surface);border-color:var(--rc-border)}
.ud-main .ud-token-metrics>div,.ud-main .ud-perf-grid>div,.ud-main .ud-perf-grid>button,.ud-main .ud-key-grid>article{background:var(--rc-surface-3);border-color:var(--rc-border)}
.ud-main .ud-filters select,.ud-main .ud-log-filters select,.ud-main .ud-log-filters input,.ud-main dialog input,.ud-main dialog select,.ud-main .ud-tabs{background:var(--rc-surface-2);border-color:var(--rc-border)}
.ud-main .ud-tabs a.active{background:var(--rc-surface-3);box-shadow:inset 0 -2px 0 var(--rc-green)}
.ud-main .ud-api-dot{background:var(--rc-green);box-shadow:0 0 0 5px var(--rc-green-soft),0 0 15px var(--rc-green-soft)}
.ud-main .ud-button{background:var(--rc-green);border-color:var(--rc-green);color:#111}
.ud-main .ud-button:hover{background:var(--rc-green-2)}