@tailwind base;@tailwind components;@tailwind utilities;:root{color-scheme:light dark}body{margin:0;min-height:100vh}@layer utilities{.animate-premium-in{animation:scale-in .3s cubic-bezier(.34,1.56,.64,1) forwards}@keyframes scale-in{0%{opacity:0;transform:scale(.95) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-pulse-subtle{animation:pulse-subtle 4s ease-in-out infinite}@keyframes pulse-subtle{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.98}}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{@apply bg-slate-300 dark:bg-slate-700 rounded-full;}.custom-scrollbar::-webkit-scrollbar-thumb:hover{@apply bg-slate-400 dark:bg-slate-600;}.card-depth-sm{box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-depth-sm:hover{box-shadow:0 10px 20px -5px #00000026,0 4px 8px -2px #0000001a;transform:translateY(-2px)}.card-depth-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;transition:all .3s cubic-bezier(.4,0,.2,1)}.card-depth-md:hover{box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;transform:translateY(-4px)}.rounded-panel{@apply rounded-[2rem] lg:rounded-[2.5rem];}.card-depth-premium{@apply shadow-sm border border-slate-100 dark:border-slate-700 transition-all duration-300;}.card-depth-premium:hover{@apply -translate-y-2 shadow-2xl shadow-slate-200/50 dark:shadow-none;}.gradient-overlay-emerald{background:linear-gradient(135deg,#10b981e6,#059669f2)}.gradient-overlay-teal{background:linear-gradient(135deg,#14b8a6e6,#0d9488f2)}.gradient-border{position:relative}.gradient-border:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:2px;background:linear-gradient(135deg,#10b981,#14b8a6,#06b6d4);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:0;transition:opacity .3s ease}.gradient-border:hover:before{opacity:1}.table-row-hover{transition:all .2s ease}.table-row-hover:hover{background-color:#10b9810d;transform:scale(1.005)}.btn-modern{position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1)}.btn-modern:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn-modern:hover:before{width:300px;height:300px}.btn-modern:active{transform:scale(.98)}.glass-effect{background:#ffffffb3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3)}.glass-effect-dark{background:#0f172ab3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(148,163,184,.1)}.bg-gradient-animated{background:linear-gradient(-45deg,#10b981,#14b8a6,#06b6d4,#0ea5e9);background-size:400% 400%;animation:gradient-flow 15s ease infinite}@keyframes gradient-flow{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.shimmer{background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);background-size:200% 100%;animation:shimmer 2s infinite}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.input-modern:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a,0 1px 3px #0000001a;transition:all .2s ease}.sidebar-item{position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.sidebar-item:before{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);width:0;height:70%;background:linear-gradient(90deg,transparent,#10b981);border-radius:4px 0 0 4px;transition:width .3s ease}.sidebar-item:hover:before,.sidebar-item.active:before{width:4px}.sidebar-item:hover{background:#10b98114;transform:translate(-3px)}.badge-glow{box-shadow:0 0 15px currentColor;animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px currentColor}50%{box-shadow:0 0 20px currentColor}}.chart-container{background:linear-gradient(to bottom,rgba(16,185,129,.03),transparent);border-radius:1rem;padding:1.5rem;transition:all .3s ease}.chart-container:hover{background:linear-gradient(to bottom,#10b9810f,#10b98103);box-shadow:0 10px 40px -10px #10b98133}.pill-modern{border-radius:9999px;padding:.5rem 1.25rem;background:linear-gradient(135deg,#ffffffe6,#ffffffb3);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.5);transition:all .3s ease}.pill-modern:hover{transform:scale(1.05);box-shadow:0 4px 15px #0000001a}.icon-pulse{animation:icon-pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes icon-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.9}}}@media(max-width:1023px){.mobile-login-bg{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:linear-gradient(135deg,#f0fdf4,#ecfeff,#f0f9ff);z-index:0}.mobile-login-blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.4;will-change:transform;transform:translateZ(0);animation-timing-function:ease-in-out;animation-iteration-count:infinite;animation-direction:alternate}.mobile-login-blob-1{width:350px;height:350px;background:linear-gradient(180deg,#10b981,#34d399);top:-100px;right:-80px;animation:blob-float-1 12s infinite}.mobile-login-blob-2{width:300px;height:300px;background:linear-gradient(180deg,#3b82f6,#60a5fa);bottom:-80px;left:-70px;animation:blob-float-2 15s infinite}@keyframes blob-float-1{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(-15px,25px,0) scale(1.03)}}@keyframes blob-float-2{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(20px,-15px,0) scale(1.05)}}.mobile-glass-card{background:#ffffffeb;border:1px solid rgba(255,255,255,.8);box-shadow:0 2px 12px #0000000a}.mobile-role-card{background:#fffffff2;border:1px solid rgba(255,255,255,.9);box-shadow:0 2px 8px #0000000a;transition:transform .15s cubic-bezier(.4,0,.2,1);transform:translateZ(0)}.mobile-role-card:active{transform:translateZ(0) scale(.97)}.mobile-input-glass{background:#fffffff2;border:1px solid rgba(226,232,240,.8);transition:border-color .15s ease,box-shadow .15s ease}.mobile-input-glass:focus{background:#fff;border-color:#10b981;box-shadow:0 0 0 3px #10b9811a}.mobile-btn-gradient{background:linear-gradient(135deg,#10b981,#14b8a6,#3b82f6);background-size:200% 200%;animation:gradient-shift 8s ease infinite;transition:transform .15s ease;transform:translateZ(0);will-change:background-position}.mobile-btn-gradient:active{transform:translateZ(0) scale(.98)}@keyframes gradient-shift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.mobile-logo-container{animation:logo-pulse 5s ease-in-out infinite;transform:translateZ(0);will-change:transform}@keyframes logo-pulse{0%,to{transform:translateZ(0) scale(1)}50%{transform:translateZ(0) scale(1.015)}}.mobile-fade-up{animation:mobile-fade-up .4s ease-out forwards}@keyframes mobile-fade-up{0%{opacity:0;transform:translate3d(0,15px,0)}to{opacity:1;transform:translateZ(0)}}.mobile-delay-1{animation-delay:.03s;opacity:0}.mobile-delay-2{animation-delay:.06s;opacity:0}.mobile-delay-3{animation-delay:.09s;opacity:0}.mobile-delay-4{animation-delay:.12s;opacity:0}.mobile-truck-float{animation:truck-float 6s ease-in-out infinite;transform:translateZ(0);will-change:transform}@keyframes truck-float{0%,to{transform:translateZ(0) rotate(-1.5deg)}50%{transform:translate3d(0,-4px,0) rotate(1.5deg)}}}