:root{--ex-teal-50: #eefbf6;--ex-teal-100: #d5f5e7;--ex-teal-200: #aeead4;--ex-teal-300: #79d8ba;--ex-teal-400: #43be9b;--ex-teal-500: #1fa382;--ex-teal-600: #128269;--ex-teal-700: #0f6856;--ex-teal-800: #105345;--ex-teal-900: #0e453a;--ex-teal-950: #04271f;--ex-gray-50: #f8f9f8;--ex-gray-100: #f1f2f1;--ex-gray-200: #e4e6e5;--ex-gray-300: #cdd1cf;--ex-gray-400: #9ba39f;--ex-gray-450: #87908c;--ex-gray-500: #6f7874;--ex-gray-600: #565e5b;--ex-gray-700: #454b49;--ex-gray-800: #2c3130;--ex-gray-900: #1b1f1e;--ex-gray-950: #101312;--ex-white: #ffffff;--ex-black: #000000;--ex-green-600: #15803d;--ex-green-500: #16a34a;--ex-green-100: #dcfce7;--ex-amber-700: #b45309;--ex-amber-500: #d97706;--ex-amber-100: #fef3c7;--ex-red-500: #dc2626;--ex-red-400: #f87171;--ex-red-100: #fee2e2;--ex-blue-500: #2563eb;--ex-blue-400: #60a5fa;--ex-blue-100: #dbeafe;--ex-color-brand: var(--ex-teal-600);--ex-color-brand-hover: var(--ex-teal-700);--ex-color-brand-active: var(--ex-teal-800);--ex-color-brand-subtle: var(--ex-teal-50);--ex-color-brand-border: var(--ex-teal-200);--ex-color-on-brand: var(--ex-white);--ex-color-surface: var(--ex-white);--ex-color-surface-raised: var(--ex-gray-50);--ex-color-surface-sunken: var(--ex-gray-100);--ex-color-surface-inverse: var(--ex-gray-900);--ex-color-text: var(--ex-gray-900);--ex-color-text-muted: var(--ex-gray-600);--ex-color-text-subtle: var(--ex-gray-500);--ex-color-text-inverse: var(--ex-gray-50);--ex-color-border: var(--ex-gray-200);--ex-color-border-strong: var(--ex-gray-300);--ex-color-success: var(--ex-green-600);--ex-color-success-subtle: var(--ex-green-100);--ex-color-warning: var(--ex-amber-700);--ex-color-warning-subtle: var(--ex-amber-100);--ex-color-danger: var(--ex-red-500);--ex-color-danger-subtle: var(--ex-red-100);--ex-color-info: var(--ex-blue-500);--ex-color-info-subtle: var(--ex-blue-100);--ex-font-sans: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--ex-font-mono: ui-monospace, "JetBrains Mono", "SFMono-Regular", "Menlo", "Consolas", monospace;--ex-text-xs: .75rem;--ex-text-sm: .875rem;--ex-text-base: 1rem;--ex-text-lg: 1.125rem;--ex-text-xl: 1.375rem;--ex-text-2xl: 1.625rem;--ex-text-3xl: 2rem;--ex-text-4xl: 2.5rem;--ex-weight-regular: 400;--ex-weight-medium: 500;--ex-weight-semibold: 600;--ex-weight-bold: 700;--ex-leading-tight: 1.2;--ex-leading-snug: 1.4;--ex-leading-normal: 1.6;--ex-leading-relaxed: 1.75;--ex-tracking-tight: -.02em;--ex-tracking-normal: 0;--ex-tracking-wide: .02em;--ex-space-0: 0;--ex-space-1: .25rem;--ex-space-2: .5rem;--ex-space-3: .75rem;--ex-space-4: 1rem;--ex-space-5: 1.5rem;--ex-space-6: 2rem;--ex-space-7: 3rem;--ex-space-8: 4rem;--ex-space-9: 6rem;--ex-radius-sm: 4px;--ex-radius-md: 8px;--ex-radius-lg: 12px;--ex-radius-full: 9999px;--ex-shadow-sm: 0 1px 2px rgb(16 19 18 / 6%);--ex-shadow-md: 0 2px 8px rgb(16 19 18 / 8%);--ex-shadow-lg: 0 8px 24px rgb(16 19 18 / 12%);--ex-duration-fast: .1s;--ex-duration-base: .2s;--ex-duration-slow: .4s;--ex-ease-standard: cubic-bezier(.4, 0, .2, 1);--ex-ease-out: cubic-bezier(0, 0, .2, 1);--ex-z-base: 0;--ex-z-dropdown: 100;--ex-z-sticky: 200;--ex-z-overlay: 300;--ex-z-modal: 400;--ex-z-toast: 500;--ex-breakpoint-sm: 640px;--ex-breakpoint-md: 768px;--ex-breakpoint-lg: 1024px;--ex-breakpoint-xl: 1280px}.dark{--ex-color-brand: var(--ex-teal-400);--ex-color-brand-hover: var(--ex-teal-300);--ex-color-brand-active: var(--ex-teal-200);--ex-color-brand-subtle: var(--ex-teal-950);--ex-color-brand-border: var(--ex-teal-800);--ex-color-on-brand: var(--ex-gray-950);--ex-color-surface: var(--ex-gray-950);--ex-color-surface-raised: var(--ex-gray-900);--ex-color-surface-sunken: var(--ex-black);--ex-color-surface-inverse: var(--ex-gray-50);--ex-color-text: var(--ex-gray-100);--ex-color-text-muted: var(--ex-gray-400);--ex-color-text-subtle: var(--ex-gray-450);--ex-color-text-inverse: var(--ex-gray-900);--ex-color-border: var(--ex-gray-800);--ex-color-border-strong: var(--ex-gray-700);--ex-color-success: var(--ex-green-500);--ex-color-warning: var(--ex-amber-500);--ex-color-danger: var(--ex-red-400);--ex-color-info: var(--ex-blue-400);--ex-color-success-subtle: #052e16;--ex-color-warning-subtle: #3a2506;--ex-color-danger-subtle: #3f1414;--ex-color-info-subtle: #0d1f4a;--ex-shadow-sm: 0 1px 2px rgb(0 0 0 / 40%);--ex-shadow-md: 0 2px 8px rgb(0 0 0 / 48%);--ex-shadow-lg: 0 8px 24px rgb(0 0 0 / 56%)}:root{--vp-c-brand-1: var(--ex-color-brand);--vp-c-brand-2: var(--ex-color-brand-hover);--vp-c-brand-3: var(--ex-color-brand-active);--vp-c-brand-soft: var(--ex-color-brand-subtle);--vp-c-bg: var(--ex-color-surface);--vp-c-bg-alt: var(--ex-color-surface-raised);--vp-c-bg-soft: var(--ex-color-surface-raised);--vp-c-text-1: var(--ex-color-text);--vp-c-text-2: var(--ex-color-text-muted);--vp-c-text-3: var(--ex-color-text-subtle);--vp-c-divider: var(--ex-color-border);--vp-c-border: var(--ex-color-border);--vp-c-gutter: var(--ex-color-border);--vp-c-tip-1: var(--ex-color-info);--vp-c-tip-soft: var(--ex-color-info-subtle);--vp-c-warning-1: var(--ex-color-warning);--vp-c-warning-soft: var(--ex-color-warning-subtle);--vp-c-danger-1: var(--ex-color-danger);--vp-c-danger-soft: var(--ex-color-danger-subtle);--vp-font-family-base: var(--ex-font-sans);--vp-font-family-mono: var(--ex-font-mono);--vp-button-brand-bg: var(--ex-color-brand);--vp-button-brand-hover-bg: var(--ex-color-brand-hover);--vp-button-brand-active-bg: var(--ex-color-brand-active);--vp-button-brand-text: var(--ex-color-on-brand);--vp-button-brand-border: transparent;--vp-shadow-1: var(--ex-shadow-sm);--vp-shadow-2: var(--ex-shadow-md);--vp-shadow-3: var(--ex-shadow-lg)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:var(--ex-font-sans);font-size:var(--ex-text-base);line-height:var(--ex-leading-normal);color:var(--ex-color-text);background:var(--ex-color-surface-sunken);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--ex-color-brand);text-decoration:none}a:hover{color:var(--ex-color-brand-hover);text-decoration:underline}code,.mono{font-family:var(--ex-font-mono);font-size:var(--ex-text-sm)}.muted{color:var(--ex-color-text-muted)}.layout{display:grid;grid-template-columns:16rem minmax(0,1fr);min-height:100vh}@media (max-width: 60rem){.layout{grid-template-columns:minmax(0,1fr)}}.sidebar{display:flex;flex-direction:column;padding:var(--ex-space-5);background:var(--ex-color-surface);border-right:1px solid var(--ex-color-border);position:sticky;top:0;height:100vh}.sidebar__brand{display:flex;align-items:center;gap:var(--ex-space-2);font-weight:var(--ex-weight-bold);font-size:var(--ex-text-lg);letter-spacing:var(--ex-tracking-tight);color:var(--ex-color-text);padding:var(--ex-space-2) var(--ex-space-2) var(--ex-space-6)}.sidebar__brand-mark{display:grid;place-items:center;width:1.75rem;height:1.75rem;border-radius:var(--ex-radius-md);background:var(--ex-color-brand);color:var(--ex-color-on-brand);flex-shrink:0}.sidebar__nav{display:flex;flex-direction:column;gap:var(--ex-space-1)}.sidebar__link{display:flex;align-items:center;gap:var(--ex-space-3);padding:var(--ex-space-3);border-radius:var(--ex-radius-md);color:var(--ex-color-text-muted);font-weight:var(--ex-weight-medium);transition:background var(--ex-duration-fast) var(--ex-ease-standard),color var(--ex-duration-fast) var(--ex-ease-standard)}.sidebar__link:hover{background:var(--ex-color-surface-sunken);color:var(--ex-color-text);text-decoration:none}.sidebar__link--active,.sidebar__link--active:hover{background:var(--ex-color-brand-subtle);color:var(--ex-color-brand)}.sidebar__icon{width:1.125rem;height:1.125rem;flex-shrink:0}.sidebar__account{margin-top:auto;display:flex;align-items:center;gap:var(--ex-space-3);min-width:0;padding:var(--ex-space-3);border-radius:var(--ex-radius-md);color:var(--ex-color-text);transition:background var(--ex-duration-fast) var(--ex-ease-standard)}.sidebar__account:hover{background:var(--ex-color-surface-sunken);text-decoration:none}.sidebar__avatar{display:grid;place-items:center;width:2rem;height:2rem;border-radius:var(--ex-radius-full);background:var(--ex-color-brand-subtle);color:var(--ex-color-brand);font-weight:var(--ex-weight-semibold);font-size:var(--ex-text-sm);flex-shrink:0;text-transform:uppercase}.sidebar__email{font-size:var(--ex-text-sm);color:var(--ex-color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 60rem){.sidebar{position:sticky;top:0;height:auto;z-index:var(--ex-z-sticky);flex-direction:row;align-items:center;gap:var(--ex-space-4);padding:var(--ex-space-3) var(--ex-space-4);border-right:none;border-bottom:1px solid var(--ex-color-border)}.sidebar__brand{padding:0;margin-right:auto}.sidebar__nav,.sidebar__account{display:none}}.main{padding:var(--ex-space-7);max-width:64rem;width:100%;min-width:0}@media (max-width: 40rem){.main{padding:var(--ex-space-5)}}.tabbar{display:none}@media (max-width: 60rem){.tabbar{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:var(--ex-z-sticky);background:var(--ex-color-surface);border-top:1px solid var(--ex-color-border);padding-bottom:env(safe-area-inset-bottom)}.tabbar__link{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--ex-space-1);padding:var(--ex-space-2) var(--ex-space-1);color:var(--ex-color-text-subtle);font-size:var(--ex-text-xs);font-weight:var(--ex-weight-medium);transition:color var(--ex-duration-fast) var(--ex-ease-standard)}.tabbar__link:hover{text-decoration:none}.tabbar__link--active{color:var(--ex-color-brand)}.tabbar__icon{width:1.375rem;height:1.375rem}.tabbar__label{line-height:var(--ex-leading-tight)}.main{padding-bottom:calc(var(--ex-space-9) + env(safe-area-inset-bottom))}}.page-header{margin-bottom:var(--ex-space-6)}.page-title{font-size:var(--ex-text-2xl);font-weight:var(--ex-weight-bold);letter-spacing:var(--ex-tracking-tight);margin:0 0 var(--ex-space-2)}.page-subtitle{color:var(--ex-color-text-muted);margin:0}.card{background:var(--ex-color-surface);border:1px solid var(--ex-color-border);border-radius:var(--ex-radius-lg);padding:var(--ex-space-5);margin-bottom:var(--ex-space-5);box-shadow:var(--ex-shadow-sm)}.card__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--ex-space-4);margin-bottom:var(--ex-space-4)}.card__title{font-size:var(--ex-text-lg);font-weight:var(--ex-weight-semibold);margin:0}.card__hint{color:var(--ex-color-text-subtle);font-size:var(--ex-text-sm);margin:0}.field{margin-bottom:var(--ex-space-4)}.field__label{display:block;margin-bottom:var(--ex-space-2);font-size:var(--ex-text-sm);font-weight:var(--ex-weight-medium)}.field__hint{margin:var(--ex-space-2) 0 0;font-size:var(--ex-text-sm);color:var(--ex-color-text-subtle)}.input{width:100%;padding:var(--ex-space-3);font:inherit;color:var(--ex-color-text);background:var(--ex-color-surface);border:1px solid var(--ex-color-border-strong);border-radius:var(--ex-radius-md);transition:border-color var(--ex-duration-fast) var(--ex-ease-standard),box-shadow var(--ex-duration-fast) var(--ex-ease-standard)}.input:focus{outline:none;border-color:var(--ex-color-brand);box-shadow:0 0 0 3px var(--ex-color-brand-subtle)}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--ex-space-2);padding:var(--ex-space-3) var(--ex-space-5);font:inherit;font-weight:var(--ex-weight-medium);color:var(--ex-color-on-brand);background:var(--ex-color-brand);border:1px solid transparent;border-radius:var(--ex-radius-md);cursor:pointer;transition:background var(--ex-duration-fast) var(--ex-ease-standard),border-color var(--ex-duration-fast) var(--ex-ease-standard)}.button:hover:not(:disabled){background:var(--ex-color-brand-hover)}.button:active:not(:disabled){background:var(--ex-color-brand-active)}.button:focus-visible{outline:2px solid var(--ex-color-brand);outline-offset:2px}.button:disabled{opacity:.6;cursor:not-allowed}.button--ghost{color:var(--ex-color-text);background:transparent;border-color:var(--ex-color-border-strong)}.button--ghost:hover:not(:disabled){background:var(--ex-color-surface-sunken)}.button--danger{color:var(--ex-color-danger);background:transparent;border-color:var(--ex-color-border-strong)}.button--danger:hover:not(:disabled){background:var(--ex-color-danger-subtle);border-color:var(--ex-color-danger)}.button--sm{padding:var(--ex-space-2) var(--ex-space-3);font-size:var(--ex-text-sm)}.button--block{width:100%}.icon-button{display:grid;place-items:center;width:2.25rem;height:2.25rem;padding:0;color:var(--ex-color-text-muted);background:transparent;border:1px solid var(--ex-color-border-strong);border-radius:var(--ex-radius-md);cursor:pointer;transition:background var(--ex-duration-fast) var(--ex-ease-standard),color var(--ex-duration-fast) var(--ex-ease-standard)}.icon-button:hover{background:var(--ex-color-surface-sunken);color:var(--ex-color-text)}.icon-button svg{width:1.125rem;height:1.125rem}.alert{display:flex;gap:var(--ex-space-3);padding:var(--ex-space-3) var(--ex-space-4);border:1px solid transparent;border-radius:var(--ex-radius-md);margin-bottom:var(--ex-space-4);font-size:var(--ex-text-sm)}.alert__icon{width:1.125rem;height:1.125rem;flex-shrink:0;margin-top:.1rem}.alert--error{color:var(--ex-color-danger);background:var(--ex-color-danger-subtle);border-color:var(--ex-color-danger)}.alert--success{color:var(--ex-color-success);background:var(--ex-color-success-subtle);border-color:var(--ex-color-success)}.alert--warning{color:var(--ex-color-warning);background:var(--ex-color-warning-subtle);border-color:var(--ex-color-warning)}.table-wrap{overflow-x:auto}.table{width:100%;border-collapse:collapse;font-size:var(--ex-text-sm)}.table th,.table td{padding:var(--ex-space-3);text-align:left;border-bottom:1px solid var(--ex-color-border)}.table thead th{color:var(--ex-color-text-subtle);font-weight:var(--ex-weight-medium);font-size:var(--ex-text-xs);text-transform:uppercase;letter-spacing:var(--ex-tracking-wide)}.table tbody tr{transition:background var(--ex-duration-fast) var(--ex-ease-standard)}.table tbody tr:hover{background:var(--ex-color-surface-raised)}.table tbody tr:last-child td{border-bottom:none}.table__actions{text-align:right}.badge{display:inline-flex;align-items:center;gap:var(--ex-space-1);padding:.1rem var(--ex-space-2);font-size:var(--ex-text-xs);font-weight:var(--ex-weight-medium);border-radius:var(--ex-radius-full);background:var(--ex-color-surface-sunken);color:var(--ex-color-text-muted)}.badge:before{content:"";width:.375rem;height:.375rem;border-radius:var(--ex-radius-full);background:currentColor}.badge--active{background:var(--ex-color-success-subtle);color:var(--ex-color-success)}.badge--revoked{background:var(--ex-color-danger-subtle);color:var(--ex-color-danger)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(11rem,100%),1fr));gap:var(--ex-space-5)}.metric{display:flex;flex-direction:column;gap:var(--ex-space-1)}.metric__label{color:var(--ex-color-text-subtle);font-size:var(--ex-text-sm);order:-1}.metric__value{font-size:var(--ex-text-3xl);font-weight:var(--ex-weight-bold);letter-spacing:var(--ex-tracking-tight);line-height:var(--ex-leading-tight)}.metric__value--mono{font-size:var(--ex-text-base);font-family:var(--ex-font-mono);font-weight:var(--ex-weight-regular);word-break:break-all}.stat{font-size:var(--ex-text-3xl);font-weight:var(--ex-weight-bold)}.stat__label{color:var(--ex-color-text-subtle);font-size:var(--ex-text-sm)}.meter{height:.5rem;border-radius:var(--ex-radius-full);background:var(--ex-color-surface-sunken);overflow:hidden}.meter__fill{height:100%;border-radius:var(--ex-radius-full);background:var(--ex-color-brand);transition:width var(--ex-duration-slow) var(--ex-ease-out)}.meter__fill--warning{background:var(--ex-color-warning)}.meter__fill--danger{background:var(--ex-color-danger)}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(12rem,100%),1fr));gap:var(--ex-space-4)}.plan{display:flex;flex-direction:column;gap:var(--ex-space-3);padding:var(--ex-space-4);border:1px solid var(--ex-color-border);border-radius:var(--ex-radius-md);background:var(--ex-color-surface)}.plan--current{border-color:var(--ex-color-brand-border);background:var(--ex-color-brand-subtle)}.plan__name{font-weight:var(--ex-weight-semibold);text-transform:capitalize}.plan__tag{font-size:var(--ex-text-xs);font-weight:var(--ex-weight-medium);color:var(--ex-color-brand)}.detail-list{margin:0;display:flex;flex-direction:column}.detail-list__row{display:flex;gap:var(--ex-space-4);padding:var(--ex-space-3) 0;border-bottom:1px solid var(--ex-color-border)}.detail-list__row:last-child{border-bottom:none}.detail-list__label{flex:0 0 8rem;color:var(--ex-color-text-subtle);font-size:var(--ex-text-sm)}.detail-list__value{margin:0;min-width:0;word-break:break-word}.segmented{display:inline-flex;padding:var(--ex-space-1);gap:var(--ex-space-1);background:var(--ex-color-surface-sunken);border-radius:var(--ex-radius-md)}.segmented__option{display:inline-flex;align-items:center;gap:var(--ex-space-2);padding:var(--ex-space-2) var(--ex-space-4);font:inherit;font-size:var(--ex-text-sm);font-weight:var(--ex-weight-medium);color:var(--ex-color-text-muted);background:transparent;border:none;border-radius:var(--ex-radius-sm);cursor:pointer;transition:background var(--ex-duration-fast) var(--ex-ease-standard),color var(--ex-duration-fast) var(--ex-ease-standard)}.segmented__option:hover{color:var(--ex-color-text)}.segmented__option--active{color:var(--ex-color-text);background:var(--ex-color-surface);box-shadow:var(--ex-shadow-sm)}@media (max-width: 40rem){.segmented{display:flex}.segmented__option{flex:1;justify-content:center}}.token-reveal{display:flex;align-items:center;gap:var(--ex-space-3);padding:var(--ex-space-3) var(--ex-space-4);background:var(--ex-color-surface-sunken);border:1px dashed var(--ex-color-border-strong);border-radius:var(--ex-radius-md)}.token-reveal__value{flex:1;word-break:break-all}.state{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--ex-space-2);padding:var(--ex-space-7) var(--ex-space-5);color:var(--ex-color-text-muted)}.state__icon{width:2rem;height:2rem;color:var(--ex-color-text-subtle)}.spinner{width:1.25rem;height:1.25rem;border:2px solid var(--ex-color-border-strong);border-top-color:var(--ex-color-brand);border-radius:var(--ex-radius-full);animation:spin var(--ex-duration-slow) linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth-shell{display:grid;place-items:center;min-height:100vh;padding:var(--ex-space-5)}.auth-card{width:100%;max-width:24rem}.auth-card .card{margin-bottom:0;box-shadow:var(--ex-shadow-lg)}.auth-brand{display:flex;align-items:center;justify-content:center;gap:var(--ex-space-2);margin-bottom:var(--ex-space-5);font-weight:var(--ex-weight-bold);font-size:var(--ex-text-lg)}.auth-footer{margin:var(--ex-space-5) 0 0;text-align:center;color:var(--ex-color-text-muted);font-size:var(--ex-text-sm)}.stack>*+*{margin-top:var(--ex-space-4)}.row{display:flex;flex-wrap:wrap;gap:var(--ex-space-3);align-items:center}.mt-0{margin-top:0}.mt-4{margin-top:var(--ex-space-4)}.mb-0{margin-bottom:0}.mb-5{margin-bottom:var(--ex-space-5)}.row--between{justify-content:space-between}.capitalize{text-transform:capitalize}