@import"https://fonts.googleapis.com/css2?family=Assistant:wght@200..800&display=swap";.ai-usage-monitoring{--kendo-color-app-surface: #151828;--kendo-color-surface: color-mix(in oklch, var(--kendo-color-app-surface), white 12%);--kendo-color-surface-alt: color-mix(in oklch, var(--kendo-color-app-surface), white 6%);--kendo-color-on-app-surface: #eff0f5;--kendo-color-inverse: var(--kendo-color-app-surface);--kendo-color-subtle: #8e95b9;--kendo-color-border: rgba(239, 240, 245, .16);--kendo-color-border-alt: rgba(239, 240, 245, .24);--kendo-color-base: #4a506e;--kendo-color-on-base: #eff0f5;--kendo-color-base-hover: oklch(from var(--kendo-color-base) clamp(.01, calc(l + clamp(-.0395, (.35 - l) * 99999, .0395)) , .99) calc(c + .0058) calc(h + 10.48) );--kendo-color-base-active: oklch(from var(--kendo-color-base) clamp(.02, calc(l + clamp(-.0673, (.35 - l) * 99999, .0673)) , .98) calc(c + .0076) calc(h + 8.84) );--kendo-color-primary: #ccb066;--kendo-color-secondary: #7c84ac;--kendo-color-tertiary: #6681cc;--kendo-color-error: #dd7e7e;--kendo-color-success: #6ad395;--kendo-color-warning: #d1c975;--kendo-color-info: #5a82ba;--kendo-color-on-error: #2a0e0e;--kendo-color-on-success: #0e2a1a;--kendo-color-series: #b54a6a;--kendo-font-family: "Assistant", var(--kendo-font-family-sans-serif);--kendo-h1-font-size: calc(var(--kendo-font-size) * 4);--kendo-h1-line-height: calc(var(--kendo-h1-font-size) * 1.25);--kendo-h1-font-weight: var(--kendo-font-weight-normal);--kendo-h5-font-size: calc(var(--kendo-font-size) * 2);--kendo-h5-line-height: calc(var(--kendo-h5-font-size) * 1.25);--kendo-h5-font-weight: var(--kendo-font-weight-bold);--ai-usage-monitoring-card-gradient: radial-gradient( 50% 50% at 50% 50%, color-mix(in srgb, var(--kendo-color-on-app-surface) 10%, transparent) 0%, color-mix(in srgb, var(--kendo-color-surface-alt) 10%, transparent) 100% ), color-mix(in oklch, var(--kendo-color-surface-alt) 58%, transparent);--ai-usage-monitoring-app-gradient: linear-gradient( 135deg, color-mix(in oklch, var(--kendo-color-app-surface) 92%, var(--kendo-color-primary) 8%) 0%, color-mix(in oklch, var(--kendo-color-app-surface) 92%, var(--kendo-color-secondary) 8%) 100% );--ai-usage-monitoring-drawer-padding: var(--kendo-spacing-4);--ai-usage-monitoring-search-width: calc(var(--kendo-spacing-1px) * 360);--ai-usage-monitoring-date-picker-width: calc(var(--kendo-spacing-1px) * 172);--ai-usage-monitoring-compact-date-picker-width: calc(var(--kendo-spacing-1px) * 164);--ai-usage-monitoring-feature-filter-width: calc(var(--kendo-spacing-1px) * 225);--ai-usage-monitoring-gauge-height: calc(var(--kendo-spacing-base) * 33);--ai-usage-monitoring-gauge-font-size: var(--kendo-spacing-7);--ai-usage-monitoring-features-chart-height: calc(var(--kendo-spacing-base) * 82.75);--ai-usage-monitoring-cost-chart-height: calc(var(--kendo-spacing-base) * 142.5);--ai-usage-monitoring-requests-chart-height: calc(var(--kendo-spacing-base) * 140.75)}.ai-usage-monitoring{color:var(--kendo-color-on-app-surface);background:var(--ai-usage-monitoring-app-gradient)}.ai-usage-monitoring{display:flex;flex-direction:column;height:100dvh;overflow:hidden}.ai-usage-monitoring .k-appbar{flex:none;border-radius:0;background:color-mix(in oklch,var(--kendo-color-surface-alt) 58%,transparent);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.ai-usage-monitoring .k-appbar .k-button:not([class*=-primary]):not([class*=-secondary]):not([class*=-tertiary]):not([class*=-inverse]){color:inherit}.ai-usage-monitoring .k-drawer-container{flex:1 1 auto;min-height:0;overflow:hidden}.ai-usage-monitoring .k-drawer-content{height:100%}.ai-usage-monitoring .k-drawer-wrapper{padding:var(--ai-usage-monitoring-drawer-padding);background:transparent}.ai-usage-monitoring__header{display:contents}.ai-usage-monitoring__appbar-section{flex-basis:0;flex-grow:1}.ai-usage-monitoring__appbar-section--start,.ai-usage-monitoring__appbar-section--actions{display:flex;gap:var(--kendo-spacing-4)}.ai-usage-monitoring__appbar-section--center{display:flex;justify-content:center}.ai-usage-monitoring__logo-link,.ai-usage-monitoring__desktop-search,.ai-usage-monitoring__profile-button-desktop{display:none}.ai-usage-monitoring__compact-logo-link,.ai-usage-monitoring__mobile-search-trigger,.ai-usage-monitoring__profile-button-mobile{display:flex}.ai-usage-monitoring__desktop-badge-button{display:none}.ai-usage-monitoring__search-box{width:var(--ai-usage-monitoring-search-width)}.ai-usage-monitoring__appbar-separator{color:var(--kendo-color-border)}.ai-usage-monitoring__drawer-item{align-items:center;font-size:var(--kendo-font-size)}.ai-usage-monitoring__drawer-item-icon{width:var(--kendo-spacing-4);height:var(--kendo-spacing-4)}.ai-usage-monitoring__drawer-item-toggle{margin-left:auto}.ai-usage-monitoring__admin-item{display:inline-flex;align-items:center}.ai-usage-monitoring__admin-item-icon{margin-right:var(--kendo-spacing-2)}.ai-usage-monitoring__main{padding:var(--kendo-spacing-8) var(--kendo-spacing-2) var(--kendo-spacing-2)}.ai-usage-monitoring__page-title{margin:0 0 var(--kendo-spacing-5);color:var(--kendo-color-primary);font-size:var(--kendo-h1-font-size);line-height:var(--kendo-h1-line-height);font-weight:var(--kendo-h1-font-weight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ai-usage-monitoring__sections,.ai-usage-monitoring__dashboard-main-column,.ai-usage-monitoring__dashboard-side-column,.ai-usage-monitoring__stack-section{display:flex;flex-direction:column;gap:var(--kendo-spacing-10)}.ai-usage-monitoring__section-header,.ai-usage-monitoring__panel-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--kendo-spacing-4)}.ai-usage-monitoring__section-header{margin-bottom:var(--kendo-spacing-4)}.ai-usage-monitoring__section-title{margin:0 0 var(--kendo-spacing-5);color:var(--kendo-color-subtle);font-size:var(--kendo-h5-font-size);line-height:var(--kendo-h5-line-height);font-weight:var(--kendo-h5-font-weight)}.ai-usage-monitoring__section-title--compact{margin-bottom:0}.ai-usage-monitoring__stats-grid,.ai-usage-monitoring__dashboard-grid,.ai-usage-monitoring__detection-grid{display:grid}.ai-usage-monitoring__stats-grid{grid-template-columns:repeat(1,minmax(0,1fr));gap:var(--kendo-spacing-5);overflow:hidden}.ai-usage-monitoring__metric-card,.ai-usage-monitoring__panel{display:flex;flex-direction:column;border:1px solid var(--kendo-color-border);border-radius:var(--kendo-border-radius-lg);background:color-mix(in oklch,var(--kendo-color-surface-alt) 58%,transparent);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.ai-usage-monitoring__panel--gradient{background:var(--ai-usage-monitoring-card-gradient)}.ai-usage-monitoring__metric-card{overflow:hidden}.ai-usage-monitoring__metric-card-body{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--kendo-spacing-1);padding:var(--kendo-spacing-2) var(--kendo-spacing-2) var(--kendo-spacing-2) var(--kendo-spacing-3);border-left:var(--kendo-spacing-1) solid var(--kendo-color-border)}.ai-usage-monitoring__metric-card-body--error{border-left-color:var(--kendo-color-error)}.ai-usage-monitoring__metric-card-body--success{border-left-color:var(--kendo-color-success)}.ai-usage-monitoring__metric-card-label{color:var(--kendo-color-on-app-surface);font-size:var(--kendo-font-size-xs);line-height:var(--kendo-line-height-lg)}.ai-usage-monitoring__metric-card-row{position:relative;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--kendo-spacing-1);padding-top:var(--kendo-spacing-1)}.ai-usage-monitoring__metric-card-value,.ai-usage-monitoring__panel-title{color:var(--kendo-color-on-app-surface);font-weight:var(--kendo-font-weight-bold)}.ai-usage-monitoring__metric-card-value{color:var(--kendo-color-subtle);font-size:var(--kendo-font-size-lg)}.ai-usage-monitoring__metric-card-row .k-badge{position:static;flex:none;transform:none;font-size:var(--kendo-font-size-xs)}.ai-usage-monitoring__panel-header,.ai-usage-monitoring__panel-body{padding:var(--kendo-spacing-4)}.ai-usage-monitoring__panel-footer{padding:var(--kendo-spacing-2)}.ai-usage-monitoring__panel-fill{flex:1 1 auto}.ai-usage-monitoring__chart-panel-body{display:flex;flex:1 1 auto;flex-direction:column;gap:var(--kendo-spacing-4)}.ai-usage-monitoring__chip-list{gap:var(--kendo-spacing-2)}.ai-usage-monitoring__chip-list .k-chip{border-color:var(--kendo-color-border);background:var(--kendo-color-surface);color:var(--kendo-color-on-app-surface)}.ai-usage-monitoring__chip-list .k-chip.k-selected{background:var(--kendo-color-base);color:var(--kendo-color-on-base)}.ai-usage-monitoring__dashboard-grid,.ai-usage-monitoring__detection-grid{gap:var(--kendo-spacing-10)}.ai-usage-monitoring__detection-card{overflow-x:auto}.ai-usage-monitoring__detection-card-body{display:flex;flex-direction:column;gap:var(--kendo-spacing-8)}.ai-usage-monitoring__detection-gauge,.ai-usage-monitoring__features-panel-body{display:flex;justify-content:center}.ai-usage-monitoring__detection-stats{display:flex;gap:var(--kendo-spacing-2)}.ai-usage-monitoring__detection-stat,.ai-usage-monitoring__member-fields{display:flex;flex:1 1 0;flex-direction:column;gap:var(--kendo-spacing-1)}.ai-usage-monitoring__detection-stat{color:var(--kendo-color-subtle);align-items:flex-start}.ai-usage-monitoring__detection-stat--primary{align-items:flex-end;text-align:right}.ai-usage-monitoring__detection-separator{align-self:center;width:var(--kendo-spacing-1px);min-height:var(--kendo-spacing-8);background:var(--kendo-color-border)}.ai-usage-monitoring__date-picker{width:var(--ai-usage-monitoring-date-picker-width)}.ai-usage-monitoring__date-picker--compact{width:var(--ai-usage-monitoring-compact-date-picker-width)}.ai-usage-monitoring__feature-filter{width:var(--ai-usage-monitoring-feature-filter-width)}.ai-usage-monitoring__grid-panel-body,.ai-usage-monitoring__members-panel-body{padding:var(--kendo-spacing-4)}.ai-usage-monitoring__member-row{display:flex;align-items:flex-start;gap:var(--kendo-spacing-2);padding:var(--kendo-spacing-2\.5)}.ai-usage-monitoring__avatar{margin:0}.ai-usage-monitoring__member-fields{line-height:var(--kendo-line-height-lg)}.ai-usage-monitoring__detail-label{color:var(--kendo-color-subtle);font-size:var(--kendo-font-size-xs)}.ai-usage-monitoring__detail-label--wrap{overflow-wrap:anywhere}.ai-usage-monitoring__detail-value{color:var(--kendo-color-on-app-surface)}.ai-usage-monitoring__footer{padding:var(--kendo-spacing-6) var(--kendo-spacing-2);color:var(--kendo-color-on-app-surface);background:color-mix(in oklch,var(--kendo-color-surface-alt) 58%,transparent);-webkit-backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)));backdrop-filter:blur(calc(var(--kendo-translucency-blur-base) + var(--kendo-translucency-blur-step)))}.ai-usage-monitoring__footer-text{margin:0}@media(min-width:576px){.ai-usage-monitoring__compact-logo-link,.ai-usage-monitoring__mobile-search-trigger{display:none}.ai-usage-monitoring__desktop-search{display:flex}.ai-usage-monitoring__main,.ai-usage-monitoring__footer{padding-right:var(--kendo-spacing-4\.5);padding-left:var(--kendo-spacing-4\.5)}.ai-usage-monitoring__main{padding-bottom:var(--kendo-spacing-4\.5)}.ai-usage-monitoring__stats-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--kendo-spacing-4)}}@media(min-width:768px){.ai-usage-monitoring__logo-link,.ai-usage-monitoring__profile-button-desktop{display:flex}.ai-usage-monitoring__profile-button-mobile{display:none}.ai-usage-monitoring__main,.ai-usage-monitoring__footer{padding-right:var(--kendo-spacing-6);padding-left:var(--kendo-spacing-6)}.ai-usage-monitoring__main{padding-bottom:var(--kendo-spacing-6)}.ai-usage-monitoring__stats-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kendo-spacing-3)}.ai-usage-monitoring__detection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--kendo-spacing-4)}.ai-usage-monitoring__detection-stats{flex-direction:column}.ai-usage-monitoring__detection-stat--primary{align-items:flex-start;text-align:left}.ai-usage-monitoring__detection-separator{width:100%;min-height:var(--kendo-spacing-1px)}}@media(min-width:992px){.ai-usage-monitoring__desktop-badge-button{display:block}.ai-usage-monitoring__main,.ai-usage-monitoring__footer{padding-right:var(--kendo-spacing-4);padding-left:var(--kendo-spacing-4)}.ai-usage-monitoring__main{padding-bottom:var(--kendo-spacing-4)}}@media(min-width:1200px){.ai-usage-monitoring__main,.ai-usage-monitoring__footer{padding-right:var(--kendo-spacing-10);padding-left:var(--kendo-spacing-10)}.ai-usage-monitoring__main{padding-bottom:var(--kendo-spacing-12)}.ai-usage-monitoring__stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--kendo-spacing-4)}.ai-usage-monitoring__dashboard-grid{grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:var(--kendo-spacing-4)}.ai-usage-monitoring__detection-grid{grid-template-columns:minmax(0,1fr)}.ai-usage-monitoring__detection-stats{flex-direction:row}.ai-usage-monitoring__detection-stat--primary{align-items:flex-end;text-align:right}.ai-usage-monitoring__detection-separator{width:var(--kendo-spacing-1px);min-height:var(--kendo-spacing-8)}}.ai-usage-monitoring__appbar-section--actions{justify-content:flex-end;align-items:center}@media(max-width:575.98px){.ai-usage-monitoring__metric-card-row{flex-direction:column;align-items:flex-start;justify-content:flex-start}.ai-usage-monitoring__metric-card-row .k-badge,.ai-usage-monitoring__metric-card-row .k-badge-container .k-badge{position:relative!important;margin-top:var(--kendo-spacing-1)}}
