:root{--brand: #7c3aed;--brand-dark: #6d28d9;--brand-light: #f5f3ff;--brand-subtle: #ddd6fe}.bg-brand{background-color:var(--brand)}.bg-brand-dark{background-color:var(--brand-dark)}.bg-brand-light{background-color:var(--brand-light)}.bg-brand-subtle{background-color:var(--brand-subtle)}.text-brand{color:var(--brand)}.text-brand-dark{color:var(--brand-dark)}.border-brand{border-color:var(--brand)}.border-brand-subtle{border-color:var(--brand-subtle)}.ring-brand-subtle{--tw-ring-color: var(--brand-subtle);box-shadow:0 0 0 4px var(--brand-subtle)}.shadow-brand-subtle{--tw-shadow-color: var(--brand-subtle);box-shadow:0 4px 6px -1px var(--brand-subtle),0 2px 4px -2px var(--brand-subtle)}.shadow-brand-light{--tw-shadow-color: var(--brand-light);box-shadow:0 4px 6px -1px var(--brand-light),0 2px 4px -2px var(--brand-light)}.hover\:bg-brand:hover{background-color:var(--brand)}.hover\:bg-brand-dark:hover{background-color:var(--brand-dark)}.hover\:bg-brand-light:hover{background-color:var(--brand-light)}.hover\:text-brand:hover{color:var(--brand)}.hover\:bg-brand-light\/30:hover{background-color:color-mix(in srgb,var(--brand-light) 30%,transparent)}.group:hover .group-hover\:bg-brand-light{background-color:var(--brand-light)}.group:hover .group-hover\:bg-brand-subtle{background-color:var(--brand-subtle)}.group:hover .group-hover\:text-brand{color:var(--brand)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f5f9}::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#94a3b8}