:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page){--space-5:var(--space-6);--space-7:var(--space-8);--radius-button:var(--radius-md);--font-mono:var(--font-monospace);color:var(--color-text)}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page){--space-5:var(--space-6);--space-7:var(--space-8);--radius-button:var(--radius-md);--font-mono:var(--font-monospace);color:var(--color-text)}:is(.api-keys-page,.api-usage-page,.api-billing-page){--space-5:var(--space-6);--space-7:var(--space-8);--radius-button:var(--radius-md);--font-mono:var(--font-monospace);color:var(--color-text)}:is(.api-keys-page,.api-usage-page,.site-layout--converted .api-billing-page){min-height:100vh;padding:clamp(6rem,10vw,8rem)var(--layout-gutter)var(--layout-section-space);background:var(--color-bg-canvas)}:-webkit-any(.api-keys-container,.api-usage-container,.api-billing-container){width:min(100%,var(--layout-content-width));margin-left:auto;margin-right:auto}:-moz-any(.api-keys-container,.api-usage-container,.api-billing-container){width:min(100%,var(--layout-content-width));margin-left:auto;margin-right:auto}:is(.api-keys-container,.api-usage-container,.api-billing-container){width:min(100%,var(--layout-content-width));margin-left:auto;margin-right:auto}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :-webkit-any(.api-keys-header,.usage-header,.billing-header){justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :-moz-any(.api-keys-header,.usage-header,.billing-header){justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}:is(.api-keys-page,.api-usage-page,.api-billing-page) :is(.api-keys-header,.usage-header,.billing-header){justify-content:space-between;align-items:center;gap:var(--space-5);padding-bottom:var(--space-5);margin-bottom:var(--space-6);border-bottom:1px solid var(--color-border);display:flex}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-left{align-items:center;gap:var(--space-4);display:flex}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-left{align-items:center;gap:var(--space-4);display:flex}:is(.api-keys-page,.api-usage-page,.api-billing-page) .header-left{align-items:center;gap:var(--space-4);display:flex}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{color:#fff;background:var(--brand-gradient);border-radius:var(--radius-md);flex:none;place-items:center;width:3.25rem;height:3.25rem;display:grid;box-shadow:0 12px 30px rgba(0,86,255,.22)}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{color:#fff;background:var(--brand-gradient);border-radius:var(--radius-md);flex:none;place-items:center;width:3.25rem;height:3.25rem;display:grid;box-shadow:0 12px 30px rgba(0,86,255,.22)}:is(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{color:#fff;background:var(--brand-gradient);border-radius:var(--radius-md);flex:none;place-items:center;width:3.25rem;height:3.25rem;display:grid;box-shadow:0 12px 30px rgba(0,86,255,.22)}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) h1{margin:0 0 var(--space-1);color:var(--color-text);font-family:var(--font-display);font-size:max(1.75rem,min(3vw,2.5rem));line-height:1.08}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) h1{margin:0 0 var(--space-1);color:var(--color-text);font-family:var(--font-display);font-size:max(1.75rem,min(3vw,2.5rem));line-height:1.08}:is(.api-keys-page,.api-usage-page,.api-billing-page) h1{margin:0 0 var(--space-1);color:var(--color-text);font-family:var(--font-display);font-size:max(1.75rem,min(3vw,2.5rem));line-height:1.08}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-subtitle{color:var(--color-text-muted);margin:0}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-subtitle{color:var(--color-text-muted);margin:0}:is(.api-keys-page,.api-usage-page,.api-billing-page) .header-subtitle{color:var(--color-text-muted);margin:0}:is(.api-usage-page .usage-stat-card,.api-billing-page .summary-card){padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card)}:is(.api-keys-page .api-keys-table-container,.api-billing-page .history-table-container){background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow-x:auto}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table){border-collapse:collapse;width:100%}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) th{padding:var(--space-4);color:var(--color-text-muted);letter-spacing:.08em;text-align:left;text-transform:uppercase;background:var(--color-bg-band);border-bottom:1px solid var(--color-border);font-size:.75rem;font-weight:700}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) td{padding:var(--space-4);color:var(--color-text);border-bottom:1px solid var(--color-border)}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) tbody tr:last-child td{border-bottom:0}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) tbody tr{transition:background-color .16s}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) tbody tr:hover{background:var(--color-surface-raised)}:-webkit-any(.api-keys-page,.api-billing-page) .status-badge{border:1px solid var(--color-info-border);min-height:1.75rem;color:var(--color-info);background:var(--color-info-surface);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}:-moz-any(.api-keys-page,.api-billing-page) .status-badge{border:1px solid var(--color-info-border);min-height:1.75rem;color:var(--color-info);background:var(--color-info-surface);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}:is(.api-keys-page,.api-billing-page) .status-badge{border:1px solid var(--color-info-border);min-height:1.75rem;color:var(--color-info);background:var(--color-info-surface);border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.75rem;font-weight:700;line-height:1;display:inline-flex}:-webkit-any(.api-keys-page,.api-billing-page) .status-badge:-webkit-any(.active,.paid,.completed,.success){color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}:-moz-any(.api-keys-page,.api-billing-page) .status-badge:-moz-any(.active,.paid,.completed,.success){color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}:is(.api-keys-page,.api-billing-page) .status-badge:is(.active,.paid,.completed,.success){color:var(--color-success);background:var(--color-success-surface);border-color:var(--color-success-border)}:-webkit-any(.api-keys-page,.api-billing-page) .status-badge:-webkit-any(.pending,.processing){color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}:-moz-any(.api-keys-page,.api-billing-page) .status-badge:-moz-any(.pending,.processing){color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}:is(.api-keys-page,.api-billing-page) .status-badge:is(.pending,.processing){color:var(--color-warning);background:var(--color-warning-surface);border-color:var(--color-warning-border)}:-webkit-any(.api-keys-page,.api-billing-page) .status-badge:-webkit-any(.failed,.cancelled,.inactive,.error){color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}:-moz-any(.api-keys-page,.api-billing-page) .status-badge:-moz-any(.failed,.cancelled,.inactive,.error){color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}:is(.api-keys-page,.api-billing-page) .status-badge:is(.failed,.cancelled,.inactive,.error){color:var(--color-error);background:var(--color-error-surface);border-color:var(--color-error-border)}.api-keys-page .modal-overlay{z-index:2000;padding:var(--space-4);background:rgba(2,6,18,.88);place-items:center;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}@supports ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.api-keys-page .modal-overlay{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(2,6,18,.72)}}.api-keys-page .create-key-modal{width:min(100%,34rem);max-height:min(90vh,44rem);padding:var(--space-6);background:var(--color-surface-raised);border:1px solid var(--color-border-strong);border-radius:var(--radius-card);overflow-y:auto;box-shadow:0 30px 80px rgba(0,0,0,.45)}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :-webkit-any(button,a,input,select,[role=button]):focus-visible{outline:3px solid var(--color-info);outline-offset:3px}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :-moz-any(button,a,input,select,[role=button]):focus-visible{outline:3px solid var(--color-info);outline-offset:3px}:is(.api-keys-page,.api-usage-page,.api-billing-page) :is(button,a,input,select,[role=button]):focus-visible{outline:3px solid var(--color-info);outline-offset:3px}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) button:disabled{cursor:not-allowed;opacity:.55}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) button:disabled{cursor:not-allowed;opacity:.55}:is(.api-keys-page,.api-usage-page,.api-billing-page) button:disabled{cursor:not-allowed;opacity:.55}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :-webkit-any(.spinner,.loading-spinner){animation:.9s linear infinite dashboard-spin}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :-moz-any(.spinner,.loading-spinner){animation:.9s linear infinite dashboard-spin}:is(.api-keys-page,.api-usage-page,.api-billing-page) :is(.spinner,.loading-spinner){animation:.9s linear infinite dashboard-spin}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media (max-width:940px){:is(.api-keys-page,.api-usage-page,.site-layout--converted .api-billing-page){padding-top:7.5rem}}@media (max-width:620px){:is(.api-keys-page,.api-usage-page,.site-layout--converted .api-billing-page){padding-inline:var(--space-4)}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :-webkit-any(.api-keys-header,.usage-header,.billing-header){flex-direction:column;align-items:flex-start}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :-moz-any(.api-keys-header,.usage-header,.billing-header){flex-direction:column;align-items:flex-start}:is(.api-keys-page,.api-usage-page,.api-billing-page) :is(.api-keys-header,.usage-header,.billing-header){flex-direction:column;align-items:flex-start}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{width:2.75rem;height:2.75rem}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{width:2.75rem;height:2.75rem}:is(.api-keys-page,.api-usage-page,.api-billing-page) .header-icon{width:2.75rem;height:2.75rem}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) th{padding:var(--space-3)}:is(.api-keys-page .api-keys-table,.api-billing-page .history-table) td{padding:var(--space-3)}}@media (prefers-reduced-motion:reduce){:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:is(.api-keys-page,.api-usage-page,.api-billing-page) *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:is(.api-keys-page,.api-usage-page,.api-billing-page) :before{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:is(.api-keys-page,.api-usage-page,.api-billing-page) :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}:-webkit-any(.api-keys-page,.api-usage-page,.api-billing-page) [style*=transform]{transform:none!important}:-moz-any(.api-keys-page,.api-usage-page,.api-billing-page) [style*=transform]{transform:none!important}:is(.api-keys-page,.api-usage-page,.api-billing-page) [style*=transform]{transform:none!important}}