.AvatarFallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:#fff;color:var(--violet-11);font-size:15px;line-height:1;font-weight:500}.header-dropdown{min-width:12rem;width:auto;max-width:calc(100vw - 2rem)}.header-dropdown-item{display:flex;align-items:center;gap:.5rem;padding:.5rem .75rem;width:100%;min-width:0}.header-dropdown-item svg{flex-shrink:0;width:1rem;height:1rem}.header-dropdown-item span{flex:1;min-width:0;white-space:nowrap}[data-radix-popper-content-wrapper]{max-width:calc(100vw - 2rem)!important}.dropdown-content{width:auto!important;min-width:12rem}.gap-3{gap:.5rem!important}.gap-2{gap:.375rem!important}.navbar-container{background:linear-gradient(180deg,#fff,#f9fafb);border-right:1px solid #e5e7eb;box-shadow:2px 0 4px rgba(0,0,0,.02);width:16.666667%!important;min-width:200px!important;max-width:250px!important;flex-shrink:0!important;position:relative}.navbar-container *{box-sizing:border-box}.flex .navbar-container,.navbar-container.w-1\/6{width:16.666667%!important}.flex .navbar-container{flex:0 0 16.666667%!important}.dashboard-container .navbar-container,.homepage-container .navbar-container{width:16.666667%!important;min-width:200px!important;max-width:250px!important}.nav-item{position:relative;transition:all .2s cubic-bezier(.4,0,.2,1)}.nav-item:hover{transform:translateX(2px)}.nav-item.active{background:linear-gradient(135deg,#024b30,#2ca85e);color:#fff;font-weight:500;box-shadow:0 2px 8px rgba(2,75,48,.2)}.nav-item.active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:#2ca85e;border-radius:0 2px 2px 0}.nav-item-icon{transition:transform .2s ease}.nav-item:hover .nav-item-icon{transform:scale(1.1)}.nav-item.active .nav-item-icon{transform:scale(1.05)}.navbar-logo{transition:transform .3s ease}.navbar-logo:hover{transform:scale(1.05)}.navbar-version{font-size:.75rem;color:#9ca3af;font-weight:400;letter-spacing:.025em}@media (max-width:768px){.navbar-container{width:100%!important;min-width:100%!important;max-width:100%!important}}.credit-overview-card{transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;background:#fff}.credit-overview-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);border-color:#024b30}.credit-icon{transition:transform .2s ease}.credit-overview-card:hover .credit-icon{transform:scale(1.1)}.credit-transaction-item:hover{transform:translateX(4px)}@media (max-width:768px){.credit-overview-card{padding:1rem}.credit-transaction-item{padding:.75rem}.credit-history-scroll{max-height:20rem}}.credit-counter{animation:countUp .8s ease-out}@keyframes countUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.credit-usage-history{transition:all .2s cubic-bezier(.4,0,.2,1);border:1px solid #e5e7eb;background:#fff}.credit-usage-history:hover{box-shadow:0 8px 25px rgba(0,0,0,.08);border-color:#d1d5db}.credit-transaction-item{transition:all .2s ease;border:1px solid #e5e7eb}.credit-transaction-item:hover{background:#f9fafb;border-color:#d1d5db;transform:translateX(2px);box-shadow:0 2px 8px rgba(0,0,0,.05)}.credit-amount-positive{color:#059669;font-weight:600}.credit-amount-negative{color:#dc2626;font-weight:600}.credit-history-scroll{max-height:24rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.credit-history-scroll::-webkit-scrollbar{width:6px}.credit-history-scroll::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.credit-history-scroll::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.credit-history-scroll::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:#d1d5db #f3f4f6}.custom-scrollbar::-webkit-scrollbar{width:6px}.custom-scrollbar::-webkit-scrollbar-track{background:#f3f4f6;border-radius:3px}.custom-scrollbar::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px;-webkit-transition:background .2s ease;transition:background .2s ease}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#9ca3af}.custom-scrollbar{scroll-behavior:smooth}@media (max-width:768px){.credit-transaction-item{padding:.75rem}.credit-history-scroll{max-height:20rem}}