:root{color-scheme:light;--ops-color-primary: #1e40af;--ops-color-primary-hover: #2563eb;--ops-color-success: #15803d;--ops-color-warning: #b45309;--ops-color-danger: #b91c1c;--ops-color-info: #0f766e;--ops-color-link: var(--ops-color-primary);--ops-color-link-hover: var(--ops-color-primary-hover);--visualization-color-text: var(--ops-color-text-primary);--visualization-bg-color: var(--ops-color-bg-soft);--ops-color-bg-page: #f5f7fb;--ops-color-bg-container: #ffffff;--ops-color-bg-elevated: #ffffff;--ops-color-bg-soft: #f1f5f9;--ops-color-bg-spotlight: #eff6ff;--ops-color-bg-hover: #f8fafc;--ops-color-bg-disabled: #e5e7eb;--ops-color-bg-mask: rgba(15, 23, 42, .48);--ops-color-text-primary: #172033;--ops-color-text-secondary: #475569;--ops-color-text-tertiary: #64748b;--ops-color-text-helper: #94a3b8;--ops-color-text-disabled: #cbd5e1;--ops-color-text-on-primary: #ffffff;--ops-color-border: #dbe3ee;--ops-color-border-soft: #e8edf4;--ops-color-focus: #60a5fa;--ops-color-danger-soft: #fef2f2;--ops-color-warning-soft: #fffbeb;--ops-color-success-soft: #f0fdf4;--ops-color-neutral-soft: #f8fafc;--ops-space-xxs: 4px;--ops-space-xs: 8px;--ops-space-sm: 12px;--ops-space-md: 16px;--ops-space-lg: 24px;--ops-space-xl: 32px;--ops-space-2xl: 48px;--ops-radius-xs: 4px;--ops-radius-sm: 6px;--ops-radius-md: 8px;--ops-radius-base: 8px;--ops-radius-lg: 8px;--ops-shadow-card: 0 8px 28px rgba(15, 23, 42, .08);--ops-shadow-header: 0 1px 0 rgba(15, 23, 42, .08);--ops-font-size-helper: 12px;--ops-font-size-content: 14px;--ops-font-size-title: 16px;--ops-font-size-large: 20px;--ops-font-size-special: 24px;--ops-font-size-number-card: 24px;--ops-font-weight-regular: 400;--ops-font-weight-medium: 500;--ops-font-weight-semibold: 600;--ops-font-weight-bold: 700;--ops-line-height-helper: 18px;--ops-line-height-content: 22px;--ops-line-height-title: 24px;--ops-line-height-large: 28px;--ops-motion-duration-fast: .16s;--ops-motion-duration-normal: .24s;--ops-motion-ease-standard: cubic-bezier(.2, 0, 0, 1);--ops-z-index-base: 0;--ops-z-index-raised: 10;--ops-layout-max-width: 1480px;--ops-table-row-height: 68px}html[data-theme=dark]{color-scheme:dark;--ops-color-primary: #7c6cff;--ops-color-primary-hover: #9588ff;--ops-color-success: #4ade80;--ops-color-warning: #fbbf24;--ops-color-danger: #f87171;--ops-color-info: #a78bfa;--ops-color-link-hover: var(--ops-color-primary-hover);--visualization-color-text: var(--ops-color-text-primary);--visualization-bg-color: var(--ops-color-bg-soft);--ops-color-bg-page: #080c14;--ops-color-bg-container: #111827;--ops-color-bg-elevated: #151d2c;--ops-color-bg-soft: #141c2b;--ops-color-bg-spotlight: #201f4a;--ops-color-bg-hover: #192338;--ops-color-bg-disabled: #293246;--ops-color-bg-mask: rgba(2, 6, 23, .68);--ops-color-text-primary: #f4f7ff;--ops-color-text-secondary: #c2cade;--ops-color-text-tertiary: #8793ad;--ops-color-text-helper: #6f7b95;--ops-color-text-disabled: #526176;--ops-color-border: #2a344d;--ops-color-border-soft: #202a40;--ops-color-focus: #9588ff;--ops-color-danger-soft: #3a1820;--ops-color-warning-soft: #332814;--ops-color-success-soft: #143321;--ops-color-neutral-soft: #161f31;--ops-shadow-card: 0 18px 46px rgba(0, 0, 0, .34);--ops-shadow-header: 0 1px 0 rgba(148, 163, 184, .12)}*{box-sizing:border-box}@font-face{font-family:DIN Alternate;font-style:normal;font-weight:400 700;src:local("DIN Alternate")}@font-face{font-family:Fira Code;font-style:normal;font-weight:400 700;src:local("Fira Code")}html{min-height:100%;background:var(--ops-color-bg-page);color:var(--ops-color-text-primary);color-scheme:light dark;font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Source Han Sans CN,Helvetica Neue,Arial,sans-serif}body{min-height:100vh;margin:0;background:var(--ops-color-bg-page)}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}:focus-visible{outline:2px solid var(--ops-color-focus);outline-offset:2px}::selection{background:var(--ops-color-bg-spotlight);color:var(--ops-color-text-primary)}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.ops-text-special{margin:0;font-size:var(--ops-font-size-special);font-weight:var(--ops-font-weight-bold);line-height:32px;letter-spacing:0}.ops-text-large{margin:0;font-size:var(--ops-font-size-large);font-weight:var(--ops-font-weight-bold);line-height:var(--ops-line-height-large);letter-spacing:0}.ops-text-content{margin:0;color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-content);font-weight:var(--ops-font-weight-regular);line-height:var(--ops-line-height-content);letter-spacing:0}.ops-text-helper{margin:0;color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper);font-weight:var(--ops-font-weight-regular);line-height:var(--ops-line-height-helper);letter-spacing:0}.ops-number-title-card{color:var(--ops-color-text-primary);font-family:DIN Alternate,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ops-font-size-number-card);font-variant-numeric:tabular-nums;font-weight:var(--ops-font-weight-semibold);line-height:30px}.ops-number-inline{margin:0;color:var(--ops-color-text-primary);font-family:DIN Alternate,Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--ops-font-size-content);font-variant-numeric:tabular-nums;font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-content)}.ops-module-title{position:relative;margin:0;padding-left:var(--ops-space-sm);color:var(--ops-color-text-primary);font-size:18px;font-weight:var(--ops-font-weight-semibold);line-height:26px;letter-spacing:0}.ops-module-title:before{position:absolute;top:5px;bottom:5px;left:0;width:4px;border-radius:var(--ops-radius-xs);background:var(--ops-color-primary);content:""}.analytics-shell{width:min(100%,var(--ops-layout-max-width));margin:0 auto;padding:22px 30px 40px}.analytics-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--ops-space-lg);padding-bottom:28px;border-bottom:0}.analytics-kicker{margin-bottom:6px;color:var(--ops-color-info);font-weight:var(--ops-font-weight-semibold);text-shadow:0 0 18px color-mix(in srgb,var(--ops-color-primary) 40%,transparent)}.analytics-title{color:var(--ops-color-text-primary);font-size:30px;line-height:38px;letter-spacing:0}.analytics-desc{max-width:680px;margin-top:8px;color:var(--ops-color-text-secondary);font-weight:var(--ops-font-weight-medium)}.analytics-header__actions,.analytics-filter__actions,.analytics-pagination__actions{display:flex;align-items:center;gap:var(--ops-space-xs)}.analytics-view{min-width:0}.ops-segmented{display:inline-flex;height:36px;align-items:center;padding:var(--ops-space-xxs);border:1px solid var(--ops-color-border);border-radius:var(--ops-radius-sm);background:color-mix(in srgb,var(--ops-color-bg-elevated) 82%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4%,transparent)}.ops-segmented button{height:28px;padding:0 var(--ops-space-sm);border:0;border-radius:var(--ops-radius-xs);background:transparent;color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-content);font-weight:var(--ops-font-weight-medium);line-height:var(--ops-line-height-content);white-space:nowrap}.ops-segmented button:hover,.ops-segmented button.is-active{background:var(--ops-color-bg-spotlight);color:var(--ops-color-primary)}.ops-toolbar{display:grid;grid-template-columns:minmax(180px,1fr) minmax(220px,1.3fr) 140px 130px 130px auto;align-items:end;gap:var(--ops-space-sm);margin-top:var(--ops-space-lg);padding:var(--ops-space-md);border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-base);background:var(--ops-color-bg-container);box-shadow:var(--ops-shadow-header)}.ops-field{display:flex;min-width:0;flex-direction:column;gap:var(--ops-space-xxs)}.ops-field__label{color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.ops-field__hint{color:var(--ops-color-text-helper);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.ops-check{display:inline-flex;min-height:36px;align-items:center;gap:var(--ops-space-xs);color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-content);line-height:var(--ops-line-height-content)}.ops-check input{width:16px;height:16px;accent-color:var(--ops-color-primary)}.ops-input{width:100%;height:46px;min-width:0;padding:0 14px;border:1px solid var(--ops-color-border);border-radius:var(--ops-radius-base);background:color-mix(in srgb,var(--ops-color-bg-elevated) 78%,transparent);color:var(--ops-color-text-primary);outline:none;box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 3.5%,transparent),0 10px 24px color-mix(in srgb,var(--ops-color-bg-page) 12%,transparent);transition:border-color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard),box-shadow var(--ops-motion-duration-fast) var(--ops-motion-ease-standard)}.ops-input:hover{border-color:var(--ops-color-primary)}.ops-input:focus{border-color:var(--ops-color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--ops-color-primary) 18%,transparent),0 16px 30px color-mix(in srgb,var(--ops-color-bg-page) 16%,transparent)}.ops-button,.ops-icon-button{display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;border-radius:var(--ops-radius-sm);transition:background-color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard),border-color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard),color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard)}.ops-button{height:46px;gap:var(--ops-space-xs);padding:0 22px;font-size:var(--ops-font-size-content);font-weight:var(--ops-font-weight-semibold);white-space:nowrap}.ops-button--primary{border-color:color-mix(in srgb,var(--ops-color-primary) 74%,var(--ops-color-border));background:linear-gradient(135deg,color-mix(in srgb,var(--ops-color-primary) 86%,var(--ops-color-text-on-primary) 14%),var(--ops-color-primary));color:var(--ops-color-text-on-primary);box-shadow:0 12px 28px color-mix(in srgb,var(--ops-color-primary) 36%,transparent),inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 22%,transparent)}.ops-button--primary:hover:not(:disabled){background:var(--ops-color-primary-hover)}.ops-button--secondary{border-color:var(--ops-color-border);background:color-mix(in srgb,var(--ops-color-bg-elevated) 80%,transparent);color:var(--ops-color-text-primary);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4%,transparent)}.ops-button--secondary:hover:not(:disabled),.ops-icon-button:hover:not(:disabled){border-color:var(--ops-color-primary);background:var(--ops-color-bg-spotlight);color:var(--ops-color-primary)}.ops-button:disabled,.ops-icon-button:disabled{opacity:.5}.ops-icon-button{width:44px;height:44px;padding:0;border-color:var(--ops-color-border);background:color-mix(in srgb,var(--ops-color-bg-elevated) 78%,transparent);color:var(--ops-color-text-secondary);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4%,transparent)}.analytics-summary-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--ops-space-sm)}.ops-metric-card{position:relative;display:grid;min-height:142px;min-width:0;flex-direction:column;align-content:start;gap:10px;padding:18px 20px;overflow:hidden;border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--ops-color-text-on-primary) 3.5%,transparent),color-mix(in srgb,var(--ops-color-text-on-primary) 1.2%,transparent)),color-mix(in srgb,var(--ops-color-bg-container) 86%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4.5%,transparent),0 16px 36px color-mix(in srgb,var(--ops-color-bg-page) 18%,transparent)}.ops-metric-card small{color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.ops-metric-card .ops-text-helper{padding-left:34px;color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-content);font-weight:var(--ops-font-weight-semibold)}.ops-metric-card .ops-number-title-card{padding-left:48px;margin-top:10px;font-size:clamp(18px,1.8vw,28px);line-height:1.2;overflow-wrap:anywhere;word-break:break-word;min-width:0}.ops-metric-card small{padding-left:48px}.metric-icon{position:absolute;top:18px;left:20px;display:inline-flex;width:32px;height:32px;align-items:center;justify-content:center;border-radius:var(--ops-radius-sm);background:color-mix(in srgb,var(--ops-color-primary) 16%,var(--ops-color-bg-elevated))}.metric-icon--violet{color:var(--ops-color-primary)}.metric-icon--blue{color:var(--ops-color-info)}.metric-icon--green{color:var(--ops-color-success)}.metric-icon--cyan{color:color-mix(in srgb,var(--ops-color-info) 70%,var(--ops-color-success))}.metric-icon--amber{color:var(--ops-color-warning)}.ops-alert{display:flex;align-items:center;gap:var(--ops-space-xs);margin-top:var(--ops-space-lg);padding:var(--ops-space-sm) var(--ops-space-md);border:1px solid var(--ops-color-border);border-radius:var(--ops-radius-base);font-size:var(--ops-font-size-content);line-height:var(--ops-line-height-content)}.ops-alert--danger{border-color:color-mix(in srgb,var(--ops-color-danger) 32%,var(--ops-color-border));background:var(--ops-color-danger-soft);color:var(--ops-color-danger)}.ops-alert--warning{border-color:color-mix(in srgb,var(--ops-color-warning) 32%,var(--ops-color-border));background:var(--ops-color-warning-soft);color:var(--ops-color-warning)}.ops-alert--info{border-color:color-mix(in srgb,var(--ops-color-info) 32%,var(--ops-color-border));background:var(--ops-color-bg-spotlight);color:var(--ops-color-info)}.analytics-table-panel{margin-top:var(--ops-space-lg);overflow:hidden;border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-base);background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--ops-color-primary) 8%,transparent),transparent 38%),color-mix(in srgb,var(--ops-color-bg-container) 90%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4.5%,transparent),var(--ops-shadow-card)}.analytics-table-panel__header,.analytics-pagination{display:flex;align-items:center;justify-content:space-between;gap:var(--ops-space-md);padding:24px;border-bottom:1px solid var(--ops-color-border-soft)}.analytics-generated{display:inline-flex;align-items:center;gap:var(--ops-space-xxs);white-space:nowrap}.analytics-state{display:flex;min-height:276px;flex-direction:column;align-items:center;justify-content:center;gap:16px;color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-content);text-align:center}.analytics-state>small{display:inline-flex;align-items:center;gap:var(--ops-space-xs);color:var(--ops-color-text-helper);font-size:var(--ops-font-size-content);line-height:var(--ops-line-height-content)}.analytics-state--compact{min-height:168px}.analytics-spin{animation:analytics-spin 1s linear infinite}.analytics-table-wrap{overflow-x:auto}.analytics-table{width:100%;min-width:1180px;border-collapse:collapse;color:var(--ops-color-text-primary);font-size:var(--ops-font-size-content)}.analytics-table th{height:42px;padding:0 var(--ops-space-md);background:var(--ops-color-bg-soft);color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-helper);font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-helper);text-align:left}.analytics-table td{min-height:var(--ops-table-row-height);padding:var(--ops-space-md);border-top:1px solid var(--ops-color-border-soft);vertical-align:top}.analytics-table tbody tr:hover{background:var(--ops-color-bg-hover)}.align-right{text-align:right}.analytics-user{display:flex;max-width:300px;flex-direction:column;gap:var(--ops-space-xxs)}.analytics-user strong,.analytics-plan-name{display:block;overflow:hidden;color:var(--ops-color-text-primary);font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-content);text-overflow:ellipsis;white-space:nowrap}.analytics-user span,.analytics-mini-note{color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.analytics-status{display:flex;max-width:220px;flex-direction:column;align-items:flex-start;gap:var(--ops-space-xxs)}.ops-badge{display:inline-flex;min-height:24px;align-items:center;padding:0 var(--ops-space-xs);border:1px solid var(--ops-color-border);border-radius:var(--ops-radius-xs);color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-helper);font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-helper)}.ops-badge--danger{border-color:color-mix(in srgb,var(--ops-color-danger) 36%,var(--ops-color-border));background:var(--ops-color-danger-soft);color:var(--ops-color-danger)}.ops-badge--warning{border-color:color-mix(in srgb,var(--ops-color-warning) 36%,var(--ops-color-border));background:var(--ops-color-warning-soft);color:var(--ops-color-warning)}.ops-badge--success{border-color:color-mix(in srgb,var(--ops-color-success) 36%,var(--ops-color-border));background:var(--ops-color-success-soft);color:var(--ops-color-success)}.ops-badge--neutral{background:var(--ops-color-neutral-soft);color:var(--ops-color-text-tertiary)}.ops-metric-stack{display:grid;grid-template-columns:minmax(70px,max-content) minmax(112px,max-content);justify-content:end;gap:var(--ops-space-xxs) var(--ops-space-sm);margin:0 0 var(--ops-space-xs)}.ops-metric-stack dt,.ops-metric-stack dd{min-width:0;text-align:right}.analytics-pagination{border-top:1px solid var(--ops-color-border-soft);border-bottom:0;color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper)}.billing-toolbar{grid-template-columns:minmax(180px,.9fr) minmax(220px,1.2fr) 140px 140px 150px max-content auto}.billing-toolbar__search{min-width:220px}.billing-layout{display:grid;grid-template-columns:300px minmax(0,1fr);gap:var(--ops-space-lg);align-items:start}.billing-users-panel{position:sticky;top:var(--ops-space-md)}.billing-user-option{display:flex;width:100%;min-height:70px;flex-direction:column;align-items:flex-start;justify-content:center;gap:var(--ops-space-xxs);padding:var(--ops-space-sm) var(--ops-space-md);border:0;border-top:1px solid var(--ops-color-border-soft);background:var(--ops-color-bg-container);color:var(--ops-color-text-primary);text-align:left;transition:background-color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard),color var(--ops-motion-duration-fast) var(--ops-motion-ease-standard)}.billing-user-option:hover,.billing-user-option.is-active{background:var(--ops-color-bg-spotlight);color:var(--ops-color-primary)}.billing-user-option strong{display:block;max-width:100%;overflow:hidden;font-size:var(--ops-font-size-content);font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-content);text-overflow:ellipsis;white-space:nowrap}.billing-user-option span{color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.billing-content{min-width:0}.billing-summary-grid{margin-top:0}.billing-rate-model-table{min-width:960px}.billing-key-rate-table{min-width:1080px}.key-query-panel{margin-top:var(--ops-space-lg);padding:24px;border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-base);background:radial-gradient(circle at 20% 0,color-mix(in srgb,var(--ops-color-primary) 8%,transparent),transparent 32%),color-mix(in srgb,var(--ops-color-bg-container) 90%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4.5%,transparent),var(--ops-shadow-card)}.analytics-panel-heading{display:flex;align-items:center;justify-content:space-between;gap:var(--ops-space-md);margin-bottom:26px}.key-query-form{display:grid;grid-template-columns:minmax(360px,1fr) auto;align-items:end;gap:20px}.owner-usage-form{display:grid;grid-template-columns:minmax(220px,.9fr) minmax(260px,1fr) 150px 150px 150px auto;align-items:end;gap:var(--ops-space-md)}.owner-usage-form--stepped{display:flex;flex-direction:column;gap:var(--ops-space-lg)}.owner-usage-form__step{display:flex;flex-direction:column;gap:var(--ops-space-sm);padding:var(--ops-space-md);border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-md);background:color-mix(in srgb,var(--ops-color-bg-elevated) 92%,transparent);transition:border-color .18s ease,background .18s ease}.owner-usage-form__step.is-done{background:color-mix(in srgb,var(--ops-color-success-soft) 30%,transparent);border-color:color-mix(in srgb,var(--ops-color-success) 28%,var(--ops-color-border-soft))}.owner-usage-form__step-head{display:flex;gap:var(--ops-space-sm);align-items:flex-start}.owner-usage-form__step-head p{margin:4px 0 0}.owner-usage-form__step-index{display:inline-flex;width:24px;height:24px;align-items:center;justify-content:center;border-radius:999px;background:var(--ops-color-primary);color:var(--ops-color-text-on-primary);font-size:var(--ops-font-size-helper);font-weight:var(--ops-font-weight-semibold);flex-shrink:0}.owner-usage-form__step.is-done .owner-usage-form__step-index{background:var(--ops-color-success)}.owner-usage-form__step-title{margin:0;font-weight:var(--ops-font-weight-semibold);color:var(--ops-color-text-primary)}.owner-usage-form__step-fields{display:grid;grid-template-columns:minmax(240px,1.4fr) 160px 160px 160px auto auto;gap:var(--ops-space-sm);align-items:end}.owner-usage-form__email,.owner-usage-form__otp{min-width:0}.owner-usage-form__primary,.owner-usage-form__secondary{height:38px;white-space:nowrap}.owner-usage-form__otp-input{font-size:18px;letter-spacing:4px;text-align:center}@media(max-width:880px){.owner-usage-form__step-fields{grid-template-columns:1fr}}.single-key-query{margin-top:var(--ops-space-md)}.key-query-form__key{min-width:0}.key-query-input{padding-left:44px;font-family:Fira Code,ui-monospace,SFMono-Regular,Menlo,monospace}.key-input-shell{position:relative;display:block}.key-input-shell>svg{position:absolute;top:50%;left:15px;z-index:var(--ops-z-index-raised);color:var(--ops-color-text-helper);transform:translateY(-50%)}.key-query-note{display:flex;align-items:center;gap:var(--ops-space-xs);margin-top:28px;color:var(--ops-color-text-secondary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper)}.turnstile-box{display:flex;min-height:70px;align-items:center;margin-top:var(--ops-space-md)}.key-owner-panel{margin-top:22px;padding-top:22px;border-top:1px solid var(--ops-color-border-soft)}.key-owner-panel__header{display:flex;align-items:center;justify-content:space-between;gap:var(--ops-space-md)}.key-owner-panel__header .ops-text-helper{margin-top:var(--ops-space-xxs)}.key-owner-form{display:grid;grid-template-columns:minmax(220px,1fr) 150px 150px 150px auto;align-items:end;gap:var(--ops-space-md);margin-top:var(--ops-space-md)}.key-usage-summary{grid-template-columns:repeat(5,minmax(0,1fr))}.analytics-summary-panel{margin-top:var(--ops-space-lg);padding:24px;border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-base);background:radial-gradient(circle at 15% 0,color-mix(in srgb,var(--ops-color-primary) 7%,transparent),transparent 30%),color-mix(in srgb,var(--ops-color-bg-container) 88%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 4.5%,transparent),var(--ops-shadow-card)}.key-notice-list{display:grid;gap:var(--ops-space-xs);margin-top:var(--ops-space-lg)}.key-notice-list .ops-alert{margin-top:0}.key-usage-content{display:grid;gap:var(--ops-space-lg);padding:24px}.key-profile{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--ops-space-sm)}.key-profile>div{display:flex;min-height:112px;min-width:0;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-base);background:linear-gradient(145deg,color-mix(in srgb,var(--ops-color-text-on-primary) 3.5%,transparent),color-mix(in srgb,var(--ops-color-text-on-primary) 1%,transparent)),var(--ops-color-bg-soft);box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 3.5%,transparent)}.key-profile strong{overflow:hidden;color:var(--ops-color-text-primary);font-size:var(--ops-font-size-title);font-weight:var(--ops-font-weight-semibold);line-height:var(--ops-line-height-title);text-overflow:ellipsis;white-space:nowrap}.key-profile small{overflow:hidden;color:var(--ops-color-text-tertiary);font-size:var(--ops-font-size-helper);line-height:var(--ops-line-height-helper);text-overflow:ellipsis;white-space:nowrap}.key-usage-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--ops-space-lg)}.key-usage-columns>section{min-width:0}.key-usage-columns .ops-module-title{margin-bottom:var(--ops-space-sm)}.key-usage-table{min-width:560px}.owner-key-table{min-width:760px}.key-empty-visual{position:relative;width:142px;height:112px;color:var(--ops-color-primary);filter:drop-shadow(0 18px 34px color-mix(in srgb,var(--ops-color-primary) 22%,transparent))}.key-empty-card{position:absolute;top:10px;left:20px;display:grid;width:86px;height:72px;align-content:center;gap:10px;padding:16px;border-radius:var(--ops-radius-md);background:linear-gradient(145deg,color-mix(in srgb,var(--ops-color-primary) 90%,var(--ops-color-text-on-primary) 10%),color-mix(in srgb,var(--ops-color-primary) 74%,var(--ops-color-bg-container)));box-shadow:inset 0 1px color-mix(in srgb,var(--ops-color-text-on-primary) 22%,transparent),0 18px 36px color-mix(in srgb,var(--ops-color-bg-page) 25%,transparent)}.key-empty-card span{height:7px;border-radius:999px;background:color-mix(in srgb,var(--ops-color-text-on-primary) 13%,transparent)}.key-empty-card span:first-child{width:58px}.key-empty-card span:nth-child(2){width:42px}.key-empty-card span:nth-child(3){width:62px}.key-empty-visual>svg{position:absolute;right:8px;bottom:6px;color:color-mix(in srgb,var(--ops-color-primary) 40%,var(--ops-color-text-on-primary))}.key-empty-visual>i,.key-empty-visual>b{position:absolute;display:block;border-radius:999px;background:var(--ops-color-primary);content:""}.key-empty-visual>i{top:0;right:14px;width:9px;height:9px;box-shadow:0 11px 0 -3px color-mix(in srgb,var(--ops-color-primary) 50%,transparent),-130px 38px 0 -2px color-mix(in srgb,var(--ops-color-primary) 38%,transparent)}.key-empty-visual>b{right:0;bottom:28px;width:7px;height:7px;opacity:.36}@keyframes analytics-spin{to{transform:rotate(360deg)}}@media(max-width:1280px){.ops-toolbar,.billing-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))}.billing-layout{grid-template-columns:1fr}.billing-users-panel{position:static}.analytics-filter__actions{justify-content:flex-end}.analytics-summary-grid,.key-query-form,.owner-usage-form,.key-owner-form{grid-template-columns:repeat(3,minmax(0,1fr))}.key-profile,.key-usage-columns{grid-template-columns:1fr}}@media(max-width:760px){.analytics-shell{padding:var(--ops-space-md)}.analytics-header,.analytics-table-panel__header,.analytics-pagination{flex-direction:column;align-items:stretch}.analytics-header__actions,.analytics-filter__actions{justify-content:flex-start;flex-wrap:wrap}.ops-toolbar,.billing-toolbar,.analytics-summary-grid,.key-query-form,.owner-usage-form{grid-template-columns:1fr}.analytics-filter__actions .ops-button{flex:1}.key-query-note,.key-owner-panel__header{align-items:flex-start}.key-owner-panel__header{flex-direction:column}}.key-dashboard{display:flex;flex-direction:column;gap:var(--ops-space-md)}.key-dashboard__form{display:flex;flex-wrap:wrap;align-items:flex-end;gap:var(--ops-space-sm)}.key-dashboard__key{flex:1 1 320px;min-width:240px}.key-dashboard__currency button{font-variant-numeric:tabular-nums}.usage-chart{width:100%}.key-dashboard__error{display:flex;align-items:center;gap:var(--ops-space-xs);color:var(--ops-color-danger)}.key-dashboard__body{display:flex;flex-direction:column;gap:var(--ops-space-lg)}.key-dashboard__panel{border:1px solid var(--ops-color-border-soft);border-radius:var(--ops-radius-md);background:var(--ops-color-bg-elevated);padding:var(--ops-space-md);display:flex;flex-direction:column;gap:var(--ops-space-sm)}.key-dashboard__panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ops-space-sm)}.key-dashboard__metric{display:flex;align-items:baseline;gap:var(--ops-space-xs)}.key-dashboard__metric strong{font-size:var(--ops-font-size-large);color:var(--ops-color-text-primary)}.key-dashboard__charts{display:grid;grid-template-columns:1fr 1fr;gap:var(--ops-space-md)}.key-dashboard__chart p{margin:0 0 var(--ops-space-xxs)}.key-dashboard__chart p b{margin-left:var(--ops-space-xxs);color:var(--ops-color-text-primary)}.key-dashboard__notice{border-radius:var(--ops-radius-sm);padding:var(--ops-space-xs) var(--ops-space-sm);font-size:var(--ops-font-size-content);background:var(--ops-color-neutral-soft);color:var(--ops-color-text-secondary)}.key-dashboard__notice.is-warning{background:var(--ops-color-warning-soft);color:var(--ops-color-warning)}.key-dashboard__notice.is-danger{background:var(--ops-color-danger-soft);color:var(--ops-color-danger)}.key-dashboard__more{margin:0}.is-spin{animation:ops-spin .9s linear infinite}@keyframes ops-spin{to{transform:rotate(360deg)}}@media(max-width:720px){.key-dashboard__charts{grid-template-columns:1fr}}