@tailwind base;@tailwind components;@tailwind utilities;@layer base{:root{--payment-element-padding:1rem;--payment-element-border-radius:0.5rem;--app-font-family:"Roboto","Helvetica","Arial",sans-serif}body{@apply antialiased;margin:0;font-family:var(--app-font-family)!important}}*{box-sizing:border-box}*,.MuiButton-root,.MuiInput-root,.MuiListItem-root,.MuiMenuItem-root,.MuiTypography-root,button,input,select,textarea{font-family:var(--app-font-family)!important}@layer components{.page-container{@apply min-h-screen bg-gradient-to-br from-base-200 via-base-100 to-base-300}.page-content{@apply container mx-auto py-10 px-4 max-w-7xl}.section-title{@apply text-4xl font-bold bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent mb-8}.gradient-text{@apply bg-gradient-to-r from-primary to-secondary bg-clip-text text-transparent}.card{@apply bg-base-100 shadow-lg hover:shadow-xl transition-all duration-300 rounded-2xl overflow-hidden border border-base-300/50}.card-hover{@apply hover:-translate-y-1 transform-gpu transition-all duration-300}.input-group{@apply space-y-2}.input-label{@apply text-sm font-medium text-base-content/80}.input-field{@apply input input-bordered w-full bg-base-100 focus:border-primary focus:ring-2 focus:ring-primary/20 transition-all}.btn-gradient{@apply relative bg-gradient-to-r from-primary to-secondary text-white 
           hover:opacity-90 transition-all duration-300 
           before:absolute before:inset-0 before:bg-white/20 
           before:translate-y-full hover:before:translate-y-0 
           before:transition-transform before:duration-300 
           overflow-hidden}.nav-link{@apply px-4 py-2 rounded-lg hover:bg-base-200 transition-colors relative
           after:absolute after:bottom-0 after:left-0 after:h-0.5 
           after:bg-primary after:w-0 hover:after:w-full 
           after:transition-all after:duration-300}.nav-link.active{@apply bg-primary/10 text-primary after:w-full}.loading{@apply animate-spin text-primary}.badge-status{@apply badge badge-lg gap-2}.form-container{@apply space-y-6 p-8 bg-base-100 rounded-xl shadow-lg border border-base-300/50}.glass-card{@apply bg-base-100/80 backdrop-blur-lg border border-base-300/50 
           shadow-xl rounded-2xl transition-all duration-300
           hover:shadow-2xl hover:border-primary/20}.hero-section{@apply relative overflow-hidden}.hero-section:before{@apply content-[""] absolute inset-0 bg-gradient-to-br 
           from-primary/10 to-secondary/10 pointer-events-none}.floating-animation{animation:float 6s ease-in-out infinite}.input-transition{@apply transition-all duration-300 ease-in-out}.animate-shake{animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.animate-gradient{background-size:200% 200%;animation:gradient 15s ease infinite}.glass{@apply bg-base-100/80 backdrop-blur-lg}.dark{.glass-card{@apply bg-base-200/50 hover:bg-base-200/60}.card{@apply border-base-300/20}.input-field{@apply bg-base-200}}@media (max-width:640px){.page-content{@apply px-4 py-6}.section-title{@apply text-3xl}}