@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap");@import url("https://fonts.googleapis.com/css2?family=Baloo+2:wght@700;800&display=swap");.sidebar__balance-dot{animation:pulse 1.4s ease-in-out infinite}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes slideInRight{0%{transform:translateX(-20px);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes smoothExpand{0%{max-height:0;opacity:0}to{max-height:500px;opacity:1}}@media (max-width:768px){.sidebar__wrapper{display:none}}:root{--color-bg:#fff;--color-border:#e5e7eb;--color-sidebar-item:#f3f4f6;--color-primary:#000;--color-primary-light:#333;--color-text:#4a5568;--color-text-light:#718096;--color-hover:#f7fafc;--color-active-bg:#000;--color-active-text:#fff;--color-active-soft-bg:rgba(0,0,0,.06);--body-bg:#f9f9f9;--shadow-sm:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px 0 rgba(0,0,0,.06);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06)}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden;background:var(--body-bg);font-family:Nunito Sans,sans-serif;max-width:150vw}.layout{display:flex;height:100%;position:relative;min-height:100vh}.layout__main-content{flex-grow:1}.sidebar__wrapper{position:relative}.sidebar{width:17rem;height:100%;background-color:var(--color-bg);display:flex;flex-direction:column;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:hidden;border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.sidebar__scroll{flex:1;min-height:0;padding:1rem;overflow:auto;scrollbar-width:thin;scrollbar-color:transparent transparent}.sidebar__scroll::-webkit-scrollbar{width:4px}.sidebar__scroll::-webkit-scrollbar-track{background:transparent}.sidebar__scroll::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.08);border-radius:10px}.sidebar__scroll:hover{scrollbar-color:rgba(0,0,0,.15) transparent}.sidebar__scroll:hover::-webkit-scrollbar-thumb{background-color:rgba(0,0,0,.15)}.sidebar__footer{flex-shrink:0;display:flex;align-items:center;gap:.25rem;padding:.25rem .25rem .25rem .85rem;border-top:1px solid var(--color-border);background-color:var(--color-bg)}.sidebar__footer-btn{color:var(--color-text-light)!important;transition:all .25s cubic-bezier(.4,0,.2,1)!important}.sidebar__footer-btn:hover{color:var(--color-active-bg)!important;background-color:var(--color-hover)!important}.sidebar__top{width:100%;display:flex;align-items:center;gap:.5rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.sidebar__logo{flex-shrink:0;width:2.5rem;height:2.5rem;object-fit:contain;border-radius:10px;transition:width .4s,height .4s}.sidebar__logo-name{display:flex;flex-direction:column;line-height:1.1;min-width:0;overflow:hidden}.sidebar__brand-name{font-family:Baloo\ 2,Nunito Sans,sans-serif;font-size:1.59rem;margin-top:5px;margin-left:-2px;font-weight:900;font-style:italic;letter-spacing:-.2px;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__brand-name--accent{color:#1565c0;font-weight:800}.sidebar__brand-slogan{font-size:.52rem;font-weight:500;letter-spacing:.2px;color:#6b7280;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar__list{list-style:none;animation:fadeInUp .6s ease-out}.sidebar__link{display:flex;align-items:center;font-size:.88rem;font-weight:500;text-decoration:none;color:var(--color-text);cursor:pointer;padding:.55rem .75rem;margin-bottom:.15rem;border-radius:10px;background-color:transparent;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar__link:hover{background-color:var(--color-hover);color:var(--color-active-bg);transform:translateX(3px)}.sidebar__link:hover .sidebar__icon{animation:iconBounce .6s ease-in-out;color:var(--color-active-bg)}.sidebar__link:before{content:"";position:absolute;left:0;top:0;height:100%;width:0;background:linear-gradient(90deg,rgba(0,0,0,.05),transparent);transition:width .3s ease;z-index:-1}.sidebar__link:hover:before{width:100%}.sidebar__link--active{font-weight:700;box-shadow:none}.sidebar__link--active,.sidebar__link--active:hover{color:var(--color-active-bg);background:var(--color-active-soft-bg);transform:translateX(0)}.sidebar__link--active:hover{animation:none}.sidebar__link--active .sidebar__icon{color:var(--color-active-bg);animation:none}.sidebar__link--active .sidebar__name{font-weight:700}.subitem_active{border-radius:8px;color:var(--color-active-bg);background:var(--color-active-soft-bg);font-weight:700;margin-left:0;position:relative}.subitem_active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-primary);border-radius:0 8px 8px 0}.subitem_active:hover{background:var(--color-hover);transform:translateX(0);animation:none}.subitem_active .sidebar__link:hover{background-color:transparent;color:var(--color-primary);transform:translateX(0);animation:none}.sidebar__icon{display:flex;align-items:center;justify-content:center;font-size:1rem;width:18px;color:var(--color-text-light);transition:all .3s ease}.sidebar__name{margin-left:.6rem;font-weight:500;transition:all .3s ease}[data-collapse=true]{width:5.3rem}[data-collapse=true] .sidebar__logo-name,[data-collapse=true] .sidebar__name{display:none}[data-collapse=true] .sidebar__logo{width:3rem;height:3rem}.btn{position:absolute;right:0;top:4.7rem;border:none;background-color:var(--color-bg);width:1.8rem;height:1.8rem;border:1px solid var(--color-border);border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transform:translateX(50%);font-size:1.1rem;box-shadow:var(--shadow-md);transition:all .3s cubic-bezier(.4,0,.2,1);color:var(--color-text)}.btn:hover{background-color:var(--color-primary);color:var(--color-active-text);transform:translateX(50%) scale(1.1);box-shadow:0 8px 15px rgba(0,0,0,.15)}.sidebar__sublist{max-height:0;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:0}.sidebar__sublist--expanded{max-height:500px;opacity:1;margin-bottom:8px;margin-top:4px;animation:smoothExpand .4s ease-out}.sidebar__subitem{margin-left:0;border-left:2px solid var(--color-border);list-style:none;animation:slideInRight .3s ease-out;animation-fill-mode:both;padding-left:12px}.sidebar__subitem:first-child{animation-delay:.1s}.sidebar__subitem:nth-child(2){animation-delay:.15s}.sidebar__subitem:nth-child(3){animation-delay:.2s}.sidebar__subitem:nth-child(4){animation-delay:.25s}.sidebar__subitem:nth-child(5){animation-delay:.3s}.sidebar__subitem:hover{border-left-color:var(--color-active-bg)}.sidebar__subitem .sidebar__link{padding:.4rem .75rem .4rem 1rem;margin-bottom:.1rem;font-size:.82rem;border-radius:8px;color:var(--color-text-light)}.sidebar__subitem .sidebar__link:hover{background-color:var(--color-hover);color:var(--color-active-bg);transform:translateX(6px)}.sidebar__toggle{font-size:.9rem;transition:all .3s ease;color:var(--color-text-light)}.sidebar__link:hover .sidebar__toggle{color:var(--color-active-bg)}.sidebar__link--active .sidebar__toggle{color:var(--color-active-bg);animation:none}.sidebar__item--active,.sidebar__item--active:hover{transform:none}.sidebar__item--active .sidebar__icon,.sidebar__item--active .sidebar__link:before{animation:none}.sidebar__item--active .sidebar__link:hover{color:var(--color-active-bg);background:var(--color-active-soft-bg)}.sidebar__item--active .sidebar__link:hover .sidebar__icon{color:var(--color-active-bg);animation:none}@media (max-width:768px){.sidebar{width:100%;position:fixed;z-index:1000;transform:translateX(-100%);transition:transform .3s ease}.sidebar[data-mobile-open=true]{transform:translateX(0)}}.sidebar__item{transition:all .2s ease}.sidebar__item:hover{transform:translateY(-1px)}[data-collapse=true] .sidebar__icon{font-size:1.3rem}[data-collapse=true] .sidebar__link{justify-content:center;padding:.75rem .5rem}[data-collapse=true] .sidebar__link:hover{transform:translateX(0) scale(1.05)}.sidebar:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#fff,hsla(0,0%,98%,.5));pointer-events:none;z-index:-1}