.sidebar{position:fixed;top:0;left:0;width:17.5rem;height:100vh;z-index:50;transform:translate(0);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background-color:hsl(var(--b1) / .95);border-right:1px solid hsl(var(--b3));transition:transform .4s cubic-bezier(.4,0,.2,1),width .4s cubic-bezier(.4,0,.2,1),background-color .3s ease;box-shadow:2px 0 20px #0000001a}.sidebar-collapsed{width:5rem}.sidebar-collapsed .sidebar-text{opacity:0;transform:translate(-10px);transition:all .2s ease;pointer-events:none}@media (max-width: 1023px){.sidebar{transform:translate(-100%);width:16rem}.sidebar.sidebar-open{transform:translate(0)}.sidebar-collapsed{width:16rem}}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:.5rem;cursor:pointer;transition:all .2s ease-in-out;color:var(--fallback-bc, oklch(var(--bc) / .7))}.sidebar-item:hover{background-color:var(--fallback-b2, oklch(var(--b2) / 1));color:var(--fallback-bc, oklch(var(--bc) / 1))}.sidebar-item.active{background-color:var(--fallback-p, oklch(var(--p) / 1));color:var(--fallback-pc, oklch(var(--pc) / 1))}.sidebar-item.active svg{color:var(--fallback-pc, oklch(var(--pc) / 1))}.main-area{margin-left:0;transition:margin-left .3s ease-in-out}@media (min-width: 1024px){.main-area{margin-left:16rem}.main-area.sidebar-collapsed{margin-left:4rem}}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:opacity .3s ease-in-out,visibility .3s ease-in-out}@keyframes slideInUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideOutDown{0%{transform:translateY(0);opacity:1}to{transform:translateY(100%);opacity:0}}@media (max-width: 768px){.sidebar .stats{flex-direction:column}.sidebar .stat{padding:.5rem}}.sidebar-header{min-height:5rem}@media (max-width: 640px){.sidebar-header{padding:1rem}}.sidebar-content{overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--fallback-bc, oklch(var(--bc) / .2)) transparent}.sidebar-content::-webkit-scrollbar{width:4px}.sidebar-content::-webkit-scrollbar-track{background:transparent}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--fallback-bc, oklch(var(--bc) / .2));border-radius:2px}.sidebar-content::-webkit-scrollbar-thumb:hover{background-color:var(--fallback-bc, oklch(var(--bc) / .3))}.mobile-menu-btn{display:none}@media (max-width: 1023px){.mobile-menu-btn{display:inline-flex}}@media (max-width: 640px){.sidebar .text-xl{font-size:1.125rem}.sidebar .text-xs{font-size:.625rem}}.sidebar .btn{min-height:2rem;height:2rem;padding:.25rem .5rem}.sidebar .badge{font-size:.625rem;padding:.25rem .5rem}.sidebar-loading{display:flex;align-items:center;justify-content:center;height:100vh;background-color:var(--fallback-b1, oklch(var(--b1) / 1))}.sidebar-error{padding:1rem;text-align:center;color:var(--fallback-er, oklch(var(--er) / 1))}.sidebar-item:focus{outline:2px solid var(--fallback-p, oklch(var(--p) / 1));outline-offset:2px}.sidebar-item:focus:not(:focus-visible){outline:none}@media (prefers-contrast: high){.sidebar-item{border:1px solid transparent}.sidebar-item:hover,.sidebar-item.active{border-color:currentColor}}@media (prefers-reduced-motion: reduce){.sidebar,.sidebar-item,.main-area,.sidebar-overlay{transition:none}}.sidebar{position:fixed;top:0;left:0;width:20rem;height:100vh;z-index:50;transform:translate(-100%);transition:transform .3s ease-in-out}@media (min-width: 1024px){.sidebar{transform:translate(0);position:relative;width:20rem;height:auto;min-height:100vh}}.sidebar.sidebar-open{transform:translate(0)}.sidebar-item{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:.75rem;cursor:pointer;transition:all .2s ease;color:hsl(var(--bc) / .7);margin:.125rem 0}.sidebar-item:hover{background-color:hsl(var(--p) / .1);color:hsl(var(--p));transform:translate(4px)}.sidebar-item.active{background-color:hsl(var(--p));color:hsl(var(--pc));box-shadow:0 4px 12px hsl(var(--p) / .3)}.sidebar-item.active:hover{transform:none;background-color:hsl(var(--p))}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:40;opacity:0;visibility:hidden;transition:all .3s ease}.sidebar-overlay.show{opacity:1;visibility:visible}@media (min-width: 1024px){.lg\:ml-80{margin-left:20rem}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-30px,0)}70%{transform:translate3d(0,-15px,0)}90%{transform:translate3d(0,-4px,0)}}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-10px)}20%,40%,60%,80%{transform:translate(10px)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.animate-fade-in-up{animation:fadeInUp .6s ease-out}.animate-fade-in-left{animation:fadeInLeft .6s ease-out}.animate-fade-in-right{animation:fadeInRight .6s ease-out}.animate-slide-in-down{animation:slideInDown .4s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-bounce{animation:bounce 1s infinite}.animate-shake{animation:shake .5s ease-in-out}.animate-spin{animation:spin 1s linear infinite}.animate-scale-in{animation:scaleIn .3s ease-out}.animate-stagger>*{opacity:0;animation:fadeInUp .6s ease-out forwards}.animate-stagger>*:nth-child(1){animation-delay:.1s}.animate-stagger>*:nth-child(2){animation-delay:.2s}.animate-stagger>*:nth-child(3){animation-delay:.3s}.animate-stagger>*:nth-child(4){animation-delay:.4s}.animate-stagger>*:nth-child(5){animation-delay:.5s}.animate-stagger>*:nth-child(6){animation-delay:.6s}.hover-lift{transition:transform .2s ease,box-shadow .2s ease}.hover-lift:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.hover-scale{transition:transform .2s ease}.hover-scale:hover{transform:scale(1.05)}.hover-glow{transition:box-shadow .3s ease}.hover-glow:hover{box-shadow:0 0 20px rgba(var(--p),.3)}.loading-skeleton{background:linear-gradient(90deg,hsl(var(--b2)) 25%,hsl(var(--b3)),hsl(var(--b2)) 75%);background-size:200% 100%;animation:loading-shimmer 1.5s infinite}@keyframes loading-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.notification-enter{animation:slideInDown .3s ease-out}.notification-exit{animation:fadeInUp .3s ease-out reverse}.modal-backdrop{animation:fadeIn .2s ease-out}.modal-content{animation:scaleIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes progress-fill{0%{width:0%}to{width:var(--progress-value, 0%)}}.progress-animated{animation:progress-fill 1s ease-out}.card-flip{perspective:1000px}.card-flip-inner{position:relative;width:100%;height:100%;text-align:center;transition:transform .6s;transform-style:preserve-3d}.card-flip:hover .card-flip-inner{transform:rotateY(180deg)}.card-flip-front,.card-flip-back{position:absolute;width:100%;height:100%;backface-visibility:hidden}.card-flip-back{transform:rotateY(180deg)}@keyframes typing{0%{width:0}to{width:100%}}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:currentColor}}.typing-animation{overflow:hidden;border-right:2px solid;white-space:nowrap;animation:typing 3.5s steps(40,end),blink-caret .75s step-end infinite}.transition-smooth{transition:all .3s cubic-bezier(.4,0,.2,1)}.transition-bounce{transition:all .3s cubic-bezier(.68,-.55,.265,1.55)}.focus-ring{transition:box-shadow .2s ease}.focus-ring:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--p),.3)}.success-pulse{animation:pulse .6s ease-out;color:hsl(var(--su))}.error-shake{animation:shake .5s ease-in-out;color:hsl(var(--er))}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme: dark){.loading-skeleton{background:linear-gradient(90deg,hsl(var(--b1)) 25%,hsl(var(--b2)),hsl(var(--b1)) 75%)}}.no-animations *,.no-animations *:before,.no-animations *:after{animation:none!important;transition:none!important}@media print{*,*:before,*:after{animation:none!important;transition:none!important}}.high-contrast{filter:contrast(150%)}.high-contrast .btn{border:2px solid currentColor!important}.high-contrast .card{border:2px solid hsl(var(--bc))!important}.color-blind-mode .btn-primary{background-image:repeating-linear-gradient(45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px)}.color-blind-mode .btn-secondary{background-image:repeating-linear-gradient(-45deg,transparent,transparent 2px,rgba(255,255,255,.1) 2px,rgba(255,255,255,.1) 4px)}@keyframes fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-10px)}}.animate-fade-out{animation:fade-out .3s ease-out forwards}