@tailwind base;@tailwind components;@tailwind utilities;:root{--color-off-black: oklch(.145 0 0);--color-off-white: oklch(.985 0 0);--color-light-gray: oklch(.92 0 0);--color-medium-gray: oklch(.75 0 0);--color-background: var(--color-off-white);--color-text: var(--color-off-black);--color-error: oklch(.55 .22 27);--color-error-subtle: oklch(.95 .05 27);--color-success: oklch(.55 .2 142);--color-success-subtle: oklch(.95 .05 142);--color-info: oklch(.55 .2 237);--color-info-subtle: oklch(.95 .05 237);--color-warning: oklch(.65 .15 85);--color-warning-subtle: oklch(.95 .05 85);--color-border: color-mix(in oklab, var(--color-text) 20%, transparent);--color-border-subtle: color-mix(in oklab, var(--color-text) 10%, transparent);--color-surface: color-mix(in oklab, var(--color-text) 5%, transparent);--color-surface-hover: color-mix(in oklab, var(--color-text) 10%, transparent)}:root.dark{--color-background: var(--color-off-black);--color-text: var(--color-off-white);--color-error: oklch(.65 .22 27);--color-error-subtle: oklch(.25 .15 27);--color-success: oklch(.65 .2 142);--color-success-subtle: oklch(.25 .15 142);--color-info: oklch(.65 .2 237);--color-info-subtle: oklch(.25 .15 237);--color-warning: oklch(.75 .15 85);--color-warning-subtle: oklch(.25 .1 85)}html{background-color:var(--color-background);color:var(--color-text);transition:background-color .3s ease,color .3s ease}body{font-family:Roboto,sans-serif;background-color:inherit;color:inherit;margin:0;padding:0;min-height:100vh}#root{min-height:100vh;background-color:transparent}.theme-transition{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}.bg-theme-primary{background-color:var(--color-background)}.text-theme-primary{color:var(--color-text)}.bg-theme-secondary{background-color:var(--color-text)}.text-theme-secondary{color:var(--color-background)}.bg-surface{background-color:var(--color-surface)}.border-theme-secondary,.hover\:border-theme:hover{border-color:var(--color-text)}.bg-surface-hover{background-color:var(--color-surface-hover)}.border-theme{border-color:var(--color-border)}.border-theme-subtle{border-color:var(--color-border-subtle)}.bg-error{background-color:var(--color-error)}.bg-error-subtle{background-color:var(--color-error-subtle)}.text-error{color:var(--color-error)}.border-error{border-color:var(--color-error)}.bg-success{background-color:var(--color-success)}.bg-success-subtle{background-color:var(--color-success-subtle)}.text-success{color:var(--color-success)}.border-success{border-color:var(--color-success)}.bg-info{background-color:var(--color-info)}.bg-info-subtle{background-color:var(--color-info-subtle)}.text-info{color:var(--color-info)}.border-info{border-color:var(--color-info)}.bg-warning{background-color:var(--color-warning)}.bg-warning-subtle{background-color:var(--color-warning-subtle)}.text-warning{color:var(--color-warning)}.border-warning{border-color:var(--color-warning)}.text-theme-muted{color:color-mix(in oklab,var(--color-text) 60%,transparent)}.text-theme-faint{color:color-mix(in oklab,var(--color-text) 40%,transparent)}.theme-toggle-switch{position:relative;display:inline-block;width:48px;height:24px;background-color:var(--color-surface);border-radius:12px;border:1px solid var(--color-border);cursor:pointer;transition:all .3s ease}.theme-toggle-switch:hover{background-color:var(--color-surface-hover)}.theme-toggle-slider{position:absolute;top:1px;left:1px;width:20px;height:20px;background-color:var(--color-text);border-radius:50%;transition:transform .3s ease;display:flex;align-items:center;justify-content:center}.theme-toggle-switch[data-theme=dark] .theme-toggle-slider{transform:translate(24px)}.theme-toggle-icon{width:12px;height:12px;color:var(--color-background)}.custom-scrollbar::-webkit-scrollbar{width:4px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-surface-hover)}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}select option,select optgroup{color:var(--color-off-black)!important;background-color:var(--color-off-white)!important;border:none!important}html.dark select option,:root.dark select option{color:var(--color-off-white)!important;background-color:var(--color-off-black)!important;border:none!important}html.dark select optgroup,:root.dark select optgroup{color:var(--color-off-white)!important;background-color:var(--color-off-black)!important;border:none!important}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes progress{0%{transform:translate(-100%)}to{transform:translate(100%)}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-progress{animation:progress 2s ease-in-out infinite}