@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-down{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:100px;transform:translateY(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes float-in-left{0%{opacity:0;transform:translate(-30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes float-in-right{0%{opacity:0;transform:translate(30px)scale(.95)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes scale-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes floating-card{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes spin-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-width,100%)}}.animate-fade-in{animation:.6s ease-out fade-in}.animate-fade-in-up{animation:.8s ease-out fade-in-up}.animate-slide-in{animation:.5s ease-out slide-in}.animate-slide-in-up{animation:.6s ease-out both slide-in-up}.animate-slide-down{animation:.3s ease-out slide-down}.animate-float-in{animation:.5s cubic-bezier(.4,0,.2,1) float-in}.animate-float-in-left{animation:.5s cubic-bezier(.4,0,.2,1) float-in-left}.animate-float-in-right{animation:.5s cubic-bezier(.4,0,.2,1) float-in-right}.animate-scale-in{animation:.3s cubic-bezier(.4,0,.2,1) scale-in}.animate-bounce-in{animation:.6s cubic-bezier(.68,-.55,.265,1.55) bounce-in}.animate-floating-card{animation:3s ease-in-out infinite floating-card}.animate-spin-smooth{animation:1s linear infinite spin-smooth}.animate-progress-fill{animation:1s ease-out forwards progress-fill}.dashboard-card-hover{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-card-hover:hover{transform:translateY(-4px)scale(1.02);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.dashboard-metric-card{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-metric-card:hover{transform:translateY(-6px)scale(1.05);box-shadow:0 25px 50px -12px #00000040}.dashboard-button-float{transition:all .3s cubic-bezier(.4,0,.2,1)}.dashboard-button-float:hover{transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dashboard-button-float:active{transform:translateY(0)scale(.98)}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200px 100%;animation:1.5s infinite shimmer}.skeleton-pulse{animation:2s ease-in-out infinite skeleton-pulse}.skeleton-card{background:#f8f9fa;border-radius:12px;overflow:hidden}.progress-bar-animated{background:linear-gradient(90deg,#17c944,#15b83c,#17c944) 0 0/200% 100%;animation:2s infinite shimmer}.progress-circle{transition:stroke-dashoffset .5s ease-in-out}.spinner-floating{filter:drop-shadow(0 4px 6px #0000001a);animation:1s linear infinite spin-smooth}.spinner-dots:before,.spinner-dots:after,.spinner-dots{border-radius:50%;width:8px;height:8px;animation:1.4s ease-in-out infinite both spinner-dots}.spinner-dots{color:#17c944;animation-delay:-.16s;position:relative}.spinner-dots:before,.spinner-dots:after{content:"";position:absolute;top:0}.spinner-dots:before{animation-delay:-.32s;left:-16px}.spinner-dots:after{left:16px}@keyframes spinner-dots{0%,80%,to{box-shadow:0 2.5em 0 -1.3em}40%{box-shadow:0 2.5em}}@media (hover:hover){.hover\:scale-102:hover{transform:scale(1.02)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:float-up:hover{transform:translateY(-4px)}.hover\:shadow-float:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@media (hover:none){.hover\:scale-102,.hover\:scale-105{transform:none}.active\:scale-95:active{transform:scale(.98)}}.form-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.focus-ring-improved:focus{border-color:#17c944;outline:none;box-shadow:0 0 0 3px #17c9441a}.loading-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.stagger-5{animation-delay:.5s}.stagger-6{animation-delay:.6s}.stagger-7{animation-delay:.7s}@media (max-width:640px){.animate-slide-in-up{animation-duration:.4s}.form-transition{transition-duration:.2s}}@media (prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-in-up,.animate-slide-in,.animate-slide-in-up,.animate-slide-down{animation:none}.form-transition{transition:none}.hover\:scale-102:hover,.hover\:scale-105:hover,.active\:scale-95:active{transform:none}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-fadeIn{animation:.2s ease-out fadeIn}.animate-slideUp{animation:.3s cubic-bezier(.4,0,.2,1) slideUp}
.dashboard-floating-container{background:#f6f6f7;min-height:100vh;padding:12px}@media (min-width:768px){.dashboard-floating-container{padding:16px}}@media (min-width:1024px){.dashboard-floating-container{padding:20px}}.dashboard-content-area{margin-left:0;transition:margin-left .3s ease-in-out}@media (min-width:768px) and (max-width:1023px){.dashboard-content-area{margin-left:0}}@media (min-width:1024px){.dashboard-content-area{margin-left:320px}}.sidebar-floating{-webkit-backdrop-filter:blur(10px);width:280px}@media (max-width:767px){.sidebar-floating{border-radius:0;width:100%;top:0;bottom:0;left:0}}@media (min-width:768px) and (max-width:1023px){.sidebar-floating{border-radius:16px;width:320px}}.sidebar-mobile{-webkit-backdrop-filter:blur(10px)}.dashboard-section-card{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;padding:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.dashboard-section-card:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dashboard-section-card{transform:translateZ(0)}@media (min-width:768px){.dashboard-section-card{border-radius:1rem;padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dashboard-section-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}@media (min-width:1024px){.dashboard-section-card{padding:2rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dashboard-section-card:hover{box-shadow:0 25px 50px -12px #00000040}}.dashboard-section-card:hover{transform:translateY(-1px)translateZ(0)}@media (min-width:1024px){.dashboard-section-card:hover{transform:translateY(-2px)translateZ(0)}}.dashboard-metric-floating{cursor:pointer;--tw-border-opacity:1;border-width:1px;border-color:rgb(249 250 251/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:var(--radius);--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:1rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.dashboard-metric-floating:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dashboard-metric-floating{transform:translateZ(0)}@media (min-width:768px){.dashboard-metric-floating{border-radius:.75rem;padding:1.25rem;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.dashboard-metric-floating:hover{transform:scale(1.02)translateZ(0);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}@media (min-width:1024px){.dashboard-metric-floating{padding:1.5rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.dashboard-metric-floating:hover{transform:scale(1.05)translateZ(0);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}}.dashboard-table-floating{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));border-radius:var(--radius);--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);overflow:hidden}@media (min-width:768px){.dashboard-table-floating{border-radius:.75rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}}.dashboard-form-floating{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.dashboard-form-floating>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.dashboard-form-floating{border-radius:var(--radius);--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:1rem}@media (min-width:768px){.dashboard-form-floating>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.25rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.25rem*var(--tw-space-y-reverse))}.dashboard-form-floating{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);border-radius:.75rem;padding:1.5rem}}@media (min-width:1024px){.dashboard-form-floating>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.dashboard-form-floating{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);padding:2rem}}.btn-dashboard-primary{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.btn-dashboard-primary:hover{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.btn-dashboard-primary:active{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.btn-dashboard-primary{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0)rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));border-radius:var(--radius);padding:1rem 1.5rem;font-size:1rem;font-weight:600;line-height:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.btn-dashboard-primary:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.btn-dashboard-primary{padding:.75rem 1.5rem}.btn-dashboard-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.02)}}@media (min-width:1024px){.btn-dashboard-primary:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.05)}}.btn-dashboard-secondary{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.btn-dashboard-secondary:hover{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.btn-dashboard-secondary:active{--tw-bg-opacity:1;background-color:rgb(209 213 219/var(--tw-bg-opacity,1))}.btn-dashboard-secondary{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0)rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));border-radius:var(--radius);padding:1rem 1.5rem;font-size:1rem;font-weight:500;line-height:1.5rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.btn-dashboard-secondary:hover{--tw-shadow:0 1px 2px 0 #0000000d;--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (min-width:768px){.btn-dashboard-secondary{padding:.75rem 1.5rem}.btn-dashboard-secondary:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.02)}}@media (min-width:1024px){.btn-dashboard-secondary:hover{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);transform:scale(1.05)}}.btn-dashboard-touch{justify-content:center;align-items:center;min-width:44px;min-height:44px;transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.15s;display:flex}.btn-dashboard-touch:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@media (min-width:1024px){.btn-dashboard-touch:hover{transform:scale(1.05)}}.scale-102{transform:scale(1.02)}.dashboard-grid-responsive{grid-template-columns:repeat(1,minmax(0,1fr));gap:1rem;display:grid}@media (min-width:640px){.dashboard-grid-responsive{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.dashboard-grid-responsive{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (min-width:1280px){.dashboard-grid-responsive{grid-template-columns:repeat(4,minmax(0,1fr))}}.space-responsive>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(.75rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem*var(--tw-space-y-reverse))}@media (min-width:768px){.space-responsive{margin-top:1.5rem;margin-bottom:1.5rem}.space-responsive>*+*{margin-top:1.5rem}}.dashboard-interactive-touch{min-width:44px;min-height:44px;transition-property:all;transition-duration:.2s;transition-timing-function:cubic-bezier(0,0,.2,1);animation-duration:.2s;animation-timing-function:cubic-bezier(0,0,.2,1)}.dashboard-interactive-touch:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x),var(--tw-translate-y))rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y))}@media (min-width:1024px){.dashboard-interactive-touch:hover{transform:scale(1.05)}}.elevation-1{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.elevation-2{--tw-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #0000001a;--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.elevation-3{--tw-shadow:0 25px 50px -12px #00000040;--tw-shadow-colored:0 25px 50px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@media (max-width:767px){.dashboard-floating-container{padding:12px}.dashboard-section-card,.dashboard-form-floating{padding:1rem}.dashboard-metric-floating{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dashboard-metric-floating:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dashboard-section-card{--tw-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a;--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.dashboard-section-card:hover{--tw-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px) and (max-width:1023px){.dashboard-floating-container{padding:16px}.dashboard-section-card,.dashboard-form-floating{padding:1.5rem}}@keyframes float-in{0%{opacity:0;transform:translateY(20px)translateZ(0)}to{opacity:1;transform:translateY(0)translateZ(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)translateZ(0)}to{opacity:1;transform:scale(1)translateZ(0)}}.animate-float-in{animation:.4s ease-out float-in}.animate-scale-in{animation:.3s ease-out scale-in}.dashboard-interactive{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0)rotate(var(--tw-rotate))skewX(var(--tw-skew-x))skewY(var(--tw-skew-y))scaleX(var(--tw-scale-x))scaleY(var(--tw-scale-y));transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}.dashboard-interactive:hover{transform:translateY(-1px)translateZ(0)}@keyframes pulse{50%{opacity:.5}}.dashboard-skeleton{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:.75rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.dashboard-skeleton-card>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.dashboard-skeleton-card{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1));border-radius:.75rem;padding:1.5rem;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse}.dashboard-focus:focus{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset)0 0 0 var(--tw-ring-offset-width)var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(34 197 94/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px;outline:2px solid #0000}.text-dashboard-title{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1));font-size:1.5rem;font-weight:700;line-height:2rem}.text-dashboard-subtitle{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:1.125rem;font-weight:600;line-height:1.75rem}.text-dashboard-body{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1));font-size:1rem;line-height:1.5rem}.text-dashboard-caption{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1));font-size:.875rem;line-height:1.25rem}.text-dashboard-label{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1));font-size:.875rem;font-weight:500;line-height:1.25rem}.sidebar-floating::-webkit-scrollbar{width:6px}.sidebar-mobile::-webkit-scrollbar{width:6px}.sidebar-floating::-webkit-scrollbar-track{background:0 0}.sidebar-mobile::-webkit-scrollbar-track{background:0 0}.sidebar-floating::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.sidebar-mobile::-webkit-scrollbar-thumb{background:#9ca3af4d;border-radius:3px}.sidebar-floating::-webkit-scrollbar-thumb:hover{background:#9ca3af80}.sidebar-mobile::-webkit-scrollbar-thumb:hover{background:#9ca3af80}
:root{--shadow-sm:0 1px 2px #0000000f;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 30px -5px #0000001a;--transition-duration:.3s;--transition-timing:cubic-bezier(.4,0,.2,1);--transform-gpu:translateZ(0)}*{transform-style:preserve-3d;backface-visibility:hidden;will-change:auto}.dashboard-section-card{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--shadow-lg);transition:transform var(--transition-duration)var(--transition-timing),box-shadow var(--transition-duration)var(--transition-timing);transform:var(--transform-gpu);border-radius:1rem;padding:2rem}@media (max-width:768px){.dashboard-section-card{padding:1rem}}@media (min-width:1024px){.dashboard-section-card:hover{box-shadow:var(--shadow-2xl);transform:translateY(-2px)scale(1.02)translateZ(0)}}@media (min-width:768px) and (max-width:1023px){.dashboard-section-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-1px)translateZ(0)}}@media (max-width:767px){.dashboard-section-card:hover{box-shadow:var(--shadow-lg);transform:translateZ(0)}}.dashboard-metric-floating{--tw-border-opacity:1;border-width:1px;border-color:rgb(249 250 251/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));cursor:pointer;box-shadow:var(--shadow-md);transition:transform var(--transition-duration)var(--transition-timing),box-shadow var(--transition-duration)var(--transition-timing);transform:var(--transform-gpu);border-radius:.75rem;padding:1.5rem}@media (max-width:768px){.dashboard-metric-floating{padding:1rem}}@media (min-width:1024px){.dashboard-metric-floating:hover{box-shadow:var(--shadow-xl);transform:translateY(-1px)scale(1.05)translateZ(0)}}@media (max-width:1023px){.dashboard-metric-floating:hover{box-shadow:var(--shadow-md);transform:translateZ(0)}}@keyframes float-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translate(0,0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translate(0,0)}}.animate-float-in{animation:.4s ease-out forwards float-in}@media (max-width:768px){.animate-float-in{animation-duration:.2s}}.animate-scale-in{animation:.3s ease-out forwards scale-in}@media (max-width:768px){.animate-scale-in{animation-duration:.15s}}.animate-slide-in-up{animation:.4s ease-out forwards slide-in-up}@media (max-width:768px){.animate-slide-in-up{animation-duration:.2s}}@keyframes spin-smooth{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-spin-smooth{will-change:transform;animation:1s linear infinite spin-smooth}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes skeleton-shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite skeleton-pulse}.skeleton-shimmer{background:linear-gradient(90deg,#f0f0f0 0,#e0e0e0 40px,#f0f0f0 80px) 0 0/200px 100%;animation:1.5s ease-in-out infinite skeleton-shimmer}@keyframes progress-bar-animated{0%{background-position:0 0}to{background-position:30px 0}}.progress-bar-animated{background-image:linear-gradient(45deg,#fff3 25%,#0000 25% 50%,#fff3 50% 75%,#0000 75%,#0000);background-size:30px 30px;animation:1s linear infinite progress-bar-animated}.progress-circle{will-change:stroke-dashoffset;transition:stroke-dashoffset .5s ease-in-out}.dashboard-button-float{transition:transform var(--transition-duration)var(--transition-timing),box-shadow var(--transition-duration)var(--transition-timing);will-change:transform,box-shadow;transform:var(--transform-gpu)}@media (min-width:1024px){.dashboard-button-float:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)translateZ(0)}}.dashboard-button-float:active{transition-duration:calc(var(--transition-duration)*.33);transform:translateY(0)translateZ(0)}.sidebar-floating{z-index:40;--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--shadow-2xl);transform:var(--transform-gpu);border-radius:1rem;position:fixed}@media (min-width:1024px){.sidebar-floating{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@media (max-width:1023px){.sidebar-floating{box-shadow:var(--shadow-xl);-webkit-backdrop-filter:none;backdrop-filter:none}}.dashboard-table-floating{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--shadow-md);transform:var(--transform-gpu);border-radius:.75rem;overflow:hidden}@media (max-width:768px){.dashboard-table-floating{box-shadow:var(--shadow-sm)}}.dashboard-form-floating>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.dashboard-form-floating{--tw-border-opacity:1;border-width:1px;border-color:rgb(243 244 246/var(--tw-border-opacity,1));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));box-shadow:var(--shadow-md);transform:var(--transform-gpu);border-radius:.75rem;padding:2rem}@media (max-width:768px){.dashboard-form-floating>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}.dashboard-form-floating{box-shadow:var(--shadow-sm);padding:1rem}}.dashboard-floating-container{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1));min-height:100vh;padding:1.25rem}@media (max-width:1023px){.dashboard-floating-container{padding:1rem}}@media (max-width:767px){.dashboard-floating-container{padding:.5rem}}.dashboard-content-area>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1.5rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1.5rem*var(--tw-space-y-reverse))}.dashboard-content-area{transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);animation-duration:.3s}@media (min-width:1024px){.dashboard-content-area{margin-left:20rem}}@media (max-width:1023px){.dashboard-content-area{margin-left:0}.dashboard-content-area>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(1rem*calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem*var(--tw-space-y-reverse))}}.dashboard-content-wrapper{will-change:transform,opacity;transform:translateZ(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.dashboard-section-card:hover,.dashboard-metric-floating:hover,.dashboard-button-float:hover{transform:none!important}}@media (prefers-contrast:high){.dashboard-section-card,.dashboard-metric-floating,.dashboard-table-floating,.dashboard-form-floating{border-width:2px;border-color:#000}}@media print{.dashboard-section-card,.dashboard-metric-floating,.dashboard-table-floating,.dashboard-form-floating{box-shadow:none!important;border:1px solid #ccc!important;transform:none!important}.sidebar-floating{display:none!important}}
