:root{--color-bg:0 0% 100%;--color-surface:210 20% 98%;--color-hover:210 25% 93%;--color-primary:210 90% 55%;--color-primary-foreground:0 0% 100%;--color-secondary:174 45% 48%;--color-secondary-foreground:0 0% 100%;--color-heading:220 15% 20%;--color-body:220 10% 35%;--color-muted:220 10% 60%;--color-border:220 13% 90%;--color-ring:210 90% 55%;--color-btn-bg:210 90% 55%;--color-btn-hover:210 90% 48%;--color-btn-text:0 0% 100%;--shadow-sm:0 1px 2px rgba(0,0,0,0.02);--shadow-md:0 3px 6px rgba(0,0,0,0.05);--shadow-lg:0 8px 20px rgba(0,0,0,0.08);--color-input-bg:0 0% 100%;--color-input-border:220 13% 90%;--color-input-placeholder:220 10% 60%;--tw-gray-400:#9ca3af}[data-theme=light]{--color-bg:210 20% 96%;--color-surface:0 0% 100%;--color-hover:210 25% 92%;--color-muted-surface:220 15% 94%;--color-primary:215 80% 55%;--color-primary-foreground:0 0% 100%;--color-secondary:174 45% 48%;--color-secondary-foreground:0 0% 100%;--color-heading:220 20% 15%;--color-body:220 10% 30%;--color-muted:220 10% 55%;--color-border:220 15% 85%;--color-ring:215 80% 55%;--color-btn-bg:215 80% 55%;--color-btn-hover:215 80% 50%;--color-btn-text:0 0% 100%;--color-input-bg:0 0% 100%;--color-input-border:220 15% 80%;--color-input-placeholder:220 10% 60%;--shadow-sm:0 1px 2px rgba(0,0,0,0.03);--shadow-md:0 4px 8px rgba(0,0,0,0.06);--shadow-lg:0 10px 20px rgba(0,0,0,0.08)}@keyframes slideIn{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-100%);opacity:0}}@keyframes shake{0%{transform:translateX(0)}25%{transform:translateX(-10px)}50%{transform:translateX(10px)}75%{transform:translateX(-10px)}to{transform:translateX(0)}}@keyframes dropdownSlide{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}.dropdown-animate{animation:dropdownSlide .2s ease-out forwards}.modal-enter{animation:slideIn .5s cubic-bezier(.4,0,.2,1) forwards}.modal-exit{animation:slideOut .5s cubic-bezier(.4,0,.2,1) forwards}.modal-shake{animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;animation-iteration-count:1}.btn-hover{transition:all .3s ease}.btn-hover:hover{transform:translateY(-2px);box-shadow:0 4px 6px -1px rgb(0 0 0/.1),0 2px 4px -2px rgb(0 0 0/.1)}.table-row-hover{transition:all .2s ease}.table-row-hover:hover{box-shadow:inset 4px 0 0 0 #7e3af269;.table-data-cell-hover{box-shadow:inset 4px 0 0 0 #7e3af269}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.page-content{animation:fadeIn .5s ease-out forwards}.card-hover{transition:all .3s ease}.card-hover:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgb(0 0 0/.1),0 4px 6px -4px rgb(0 0 0/.1)}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes flash{0%,to{background-color:transparent}25%{background-color:rgb(167 139 250/.3)}50%{background-color:rgb(167 139 250/.5)}75%{background-color:rgb(167 139 250/.3)}}.animate-fade-in{animation:fadeInAnimation .3s ease-out forwards}.animate-fade-in-down{animation:fadeInDown .2s ease-out forwards}.animate-scale-in{animation:scaleIn .2s ease-out forwards}.animate-flash{animation:flash 1.5s ease-in-out}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.animate-slide-in-up{animation:slideInUp .4s ease-out forwards}.animate-slide-in-down{animation:slideInDown .3s ease-out forwards}.animate-slide-in-right{animation:slideInRight .4s ease-out forwards}@keyframes pulse-slow{0%,to{opacity:1}50%{opacity:.95}}@keyframes pulse-glow{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes gradient-x{0%{background-position:0 50%}25%{background-position:50% 50%}50%{background-position:100% 50%}75%{background-position:50% 50%}to{background-position:0 50%}}.animate-pulse-slow{animation:pulse-slow 3s cubic-bezier(.4,0,.6,1) infinite}.animate-pulse-glow{animation:pulse-glow 3s ease-in-out infinite}.animate-gradient-x{background-size:300% 300%;animation:gradient-x 6s ease-in-out infinite}.test-typography{color:red!important;font-size:24px!important;line-height:1.8!important;font-weight:500!important;letter-spacing:.5px!important;text-transform:uppercase!important;text-decoration:underline!important;text-shadow:2px 2px 4px rgba(0,0,0,.2)!important}.test-typography h1{color:blue!important;font-size:48px!important;margin-bottom:2rem!important;text-transform:none!important}.test-typography p{color:green!important;font-size:20px!important;margin:1.5rem 0!important;text-transform:none!important}.test-typography a{color:purple!important;text-decoration:none!important;border-bottom:2px solid purple!important}.test-typography ul{list-style-type:square!important;padding-left:2rem!important;margin:1rem 0!important}.test-typography li{color:orange!important;margin:.5rem 0!important}