@import url("https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;700&display=swap");@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;--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:#f9f9f9;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);padding:1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:auto;border-right:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.sidebar__top{width:max-content;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-bottom:1rem;margin-bottom:1rem;border-bottom:1px solid var(--color-border)}.sidebar__logo{margin-left:5px;width:7.5rem;height:3.5rem;object-fit:contain;border-radius:10px;transition:width .4s,height .4s}.sidebar__logo-name{font-size:1.2rem;font-weight:500}.sidebar__list{list-style:none;animation:fadeInUp .6s ease-out}.sidebar__link{display:flex;align-items:center;font-size:.95rem;font-weight:500;text-decoration:none;color:var(--color-text);cursor:pointer;padding:.75rem 1rem;margin-bottom:.25rem;border-radius:12px;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar__link:hover{background-color:var(--color-hover);color:var(--color-primary);transform:translateX(4px);box-shadow:var(--shadow-sm)}.sidebar__link:hover .sidebar__icon{animation:iconBounce .6s ease-in-out;color:var(--color-primary)}.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{box-shadow:var(--shadow-md)}.sidebar__link--active,.sidebar__link--active:hover{color:var(--color-active-text);background:var(--color-active-bg);transform:translateX(0)}.sidebar__link--active:hover{animation:none}.sidebar__link--active .sidebar__icon{color:var(--color-active-text);animation:none}.subitem_active{border-radius:8px;color:var(--color-primary);background:var(--color-hover);font-weight:600;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:1.1rem;width:20px;color:var(--color-text-light);transition:all .3s ease}.sidebar__name{margin-left:.75rem;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:16px}.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-primary)}.sidebar__subitem .sidebar__link{padding:.5rem 1rem .5rem 1.5rem;margin-bottom:.125rem;font-size:.9rem;border-radius:8px;color:var(--color-text-light)}.sidebar__subitem .sidebar__link:hover{background-color:var(--color-hover);color:var(--color-primary);transform:translateX(8px)}.sidebar__toggle{font-size:1rem;transition:all .3s ease;color:var(--color-text-light)}.sidebar__link:hover .sidebar__toggle{color:var(--color-primary)}.sidebar__link--active .sidebar__toggle{color:var(--color-active-text);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-text);background:var(--color-active-bg)}.sidebar__item--active .sidebar__link:hover .sidebar__icon{color:var(--color-active-text);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}