@layer reset,tokens,base,components,utilities,overrides;@layer tokens{:root{--xa-slate-50: oklch(.98 .005 265);--xa-slate-100: oklch(.93 .01 265);--xa-slate-200: oklch(.89 .01 265);--xa-slate-300: oklch(.82 .015 265);--xa-slate-400: oklch(.7 .02 265);--xa-slate-500: oklch(.55 .02 265);--xa-slate-600: oklch(.45 .02 265);--xa-slate-700: oklch(.37 .02 265);--xa-slate-800: oklch(.28 .02 265);--xa-slate-900: oklch(.21 .02 265);--xa-slate-950: oklch(.13 .02 265);--xa-indigo-400: oklch(.68 .16 280);--xa-indigo-500: oklch(.59 .22 275);--xa-indigo-600: oklch(.55 .22 264);--xa-indigo-700: oklch(.48 .22 264);--xa-red-400: oklch(.65 .2 25);--xa-red-500: oklch(.58 .22 27);--xa-green-500: oklch(.65 .2 145);--xa-amber-500: oklch(.75 .18 80);--xa-white: oklch(1 0 0);--xa-black: oklch(0 0 0);--xa-color-primary: var(--xa-indigo-600);--xa-color-primary-hover: var(--xa-indigo-700);--xa-color-primary-light: var(--xa-indigo-400);--xa-color-bg: var(--xa-slate-50);--xa-color-surface: var(--xa-white);--xa-color-surface-elevated: var(--xa-white);--xa-color-text: var(--xa-slate-900);--xa-color-text-secondary: var(--xa-slate-500);--xa-color-text-heading: var(--xa-slate-900);--xa-color-border: var(--xa-slate-200);--xa-color-danger: var(--xa-red-500);--xa-color-danger-text: var(--xa-red-400);--xa-color-success: var(--xa-green-500);--xa-color-warning: var(--xa-amber-500);--xa-color-input-bg: var(--xa-white);--xa-color-input-border: var(--xa-slate-200);--xa-color-input-text: var(--xa-slate-900);--xa-color-input-placeholder: var(--xa-slate-400);--xa-color-label: var(--xa-slate-600);--xa-color-link: var(--xa-indigo-600);--xa-color-link-hover: var(--xa-indigo-700);--xa-primary-hover: color-mix(in oklch, var(--xa-color-primary) 85%, black);--xa-primary-subtle: color-mix(in oklch, var(--xa-color-primary) 8%, transparent);--xa-danger-subtle: color-mix(in oklch, var(--xa-color-danger) 12%, transparent);--xa-danger-border: color-mix(in oklch, var(--xa-color-danger) 30%, transparent);--xa-focus-ring: 0 0 0 3px color-mix(in oklch, var(--xa-color-primary) 15%, transparent);--xa-space-1: 4px;--xa-space-2: 8px;--xa-space-3: 12px;--xa-space-4: 16px;--xa-space-5: 20px;--xa-space-6: 24px;--xa-space-8: 32px;--xa-space-10: 40px;--xa-space-12: 48px;--xa-text-xs: 12px;--xa-text-sm: 13px;--xa-text-base: 14px;--xa-text-lg: 16px;--xa-text-xl: 18px;--xa-text-2xl: 22px;--xa-text-3xl: 24px;--xa-font-normal: 400;--xa-font-medium: 500;--xa-font-semibold: 600;--xa-font-bold: 700;--xa-font-extrabold: 800;--xa-shadow-sm: 0 1px 2px oklch(0 0 0 / .05);--xa-shadow-md: 0 4px 6px oklch(0 0 0 / .07);--xa-shadow-lg: 0 10px 15px oklch(0 0 0 / .1);--xa-radius-sm: 4px;--xa-radius-md: 8px;--xa-radius-lg: 12px;--xa-radius-xl: 16px;--xa-border-radius: var(--xa-radius-md);--xa-sidebar-width: 260px;--xa-topbar-height: 56px;--xa-transition-fast: .15s ease-in-out;--xa-transition: var(--xa-transition-fast);--xa-z-dropdown: 100;--xa-z-sticky: 200;--xa-z-modal: 300;--xa-z-toast: 400}}@layer tokens{[data-theme=dark]{--xa-color-bg: oklch(.08 .015 280);--xa-color-surface: oklch(.13 .02 280);--xa-color-surface-elevated: oklch(.13 .02 280);--xa-color-border: oklch(.2 .03 280);--xa-color-text: oklch(.91 .01 250);--xa-color-text-heading: oklch(.95 .005 250);--xa-color-text-secondary: oklch(.55 .02 265);--xa-color-input-bg: oklch(.09 .015 280);--xa-color-input-border: oklch(.28 .04 280);--xa-color-input-text: oklch(.91 .01 250);--xa-color-input-placeholder: oklch(.42 .02 265);--xa-color-label: oklch(.68 .015 250);--xa-color-link: var(--xa-indigo-400);--xa-color-link-hover: var(--xa-indigo-600);--xa-color-danger-text: oklch(.65 .2 25)}@media(prefers-color-scheme:dark){[data-theme=auto]{--xa-color-bg: oklch(.08 .015 280);--xa-color-surface: oklch(.13 .02 280);--xa-color-surface-elevated: oklch(.13 .02 280);--xa-color-border: oklch(.2 .03 280);--xa-color-text: oklch(.91 .01 250);--xa-color-text-heading: oklch(.95 .005 250);--xa-color-text-secondary: oklch(.55 .02 265);--xa-color-input-bg: oklch(.09 .015 280);--xa-color-input-border: oklch(.28 .04 280);--xa-color-input-text: oklch(.91 .01 250);--xa-color-input-placeholder: oklch(.42 .02 265);--xa-color-label: oklch(.68 .015 250);--xa-color-link: var(--xa-indigo-400);--xa-color-link-hover: var(--xa-indigo-600);--xa-color-danger-text: oklch(.65 .2 25)}}}@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4}html,body{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a{text-decoration:none;color:inherit}button{cursor:pointer;background:none;border:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}}@layer base{:root{--xa-font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--xa-font-mono: "SF Mono", "Fira Code", "Fira Mono", "Roboto Mono", monospace}}@layer base{html,body{height:100%;font-family:var(--xa-font-family);font-size:var(--xa-text-base);line-height:1.5;color:var(--xa-color-text);background:var(--xa-color-bg)}a{color:var(--xa-color-link);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}}@layer base{@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--xa-color-border: var(--xa-slate-400);--xa-color-text-secondary: var(--xa-slate-700)}}@media(forced-colors:active){.btn-submit,.btn-primary,.btn-oauth,.btn-logout{border:1px solid ButtonText}.auth-card,.stat-card,.quick-card,.detail-card,.empty-state{border:1px solid CanvasText}a{color:LinkText}}}@layer utilities{.sr-only,.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}}
