@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:#d1f4e0;--color-sidebar-item:#f0fdf4;--color-primary:#10b981;--color-primary-dark:#059669;--color-secondary:#047857;--color-text:#4a5568;--color-text-light:#718096;--color-hover:#ecfdf5;--color-active-bg:linear-gradient(135deg,#10b981,#047857);--color-active-text:#fff;--body-bg:#f8fafc;--shadow-sm:0 2px 4px rgba(16,185,129,.08);--shadow-md:0 8px 16px rgba(16,185,129,.12);--shadow-lg:0 12px 24px rgba(16,185,129,.15)}*{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:linear-gradient(180deg,#fff,#f8fafc);padding:1.5rem 1rem;transition:all .4s cubic-bezier(.175,.885,.32,1.1);overflow:auto;border-right:1px solid var(--color-border);box-shadow:var(--shadow-md)}.sidebar__top{width:100%;display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:.75rem;margin-bottom:1.25rem;background:linear-gradient(135deg,#10b981,#047857);border-radius:8px;box-shadow:0 4px 12px rgba(16,185,129,.2)}.sidebar__logo{width:2rem;height:2rem;object-fit:contain;border-radius:6px;background:#fff;padding:.2rem;transition:all .4s ease}.sidebar__logo-name{font-size:1.1rem;font-weight:700;color:#fff;letter-spacing:.3px}.sidebar__list{list-style:none;animation:fadeInUp .6s ease-out}.sidebar__link{display:flex;align-items:center;font-size:.875rem;font-weight:500;text-decoration:none;color:var(--color-text);cursor:pointer;padding:.65rem .85rem;margin-bottom:.25rem;border-radius:8px;background-color:transparent;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.sidebar__link:hover{background:linear-gradient(135deg,#ecfdf5,#d1fae5)}.sidebar__link:hover .sidebar__icon{animation:iconBounce .6s ease-in-out}.sidebar__link:before{content:"";position:absolute;left:0;width:0;z-index:-1}.sidebar__link:hover:before{width:100%}.sidebar__link--active{background:linear-gradient(135deg,#10b981,#047857);box-shadow:0 4px 16px rgba(16,185,129,.25)}.sidebar__link--active,.sidebar__link--active:hover{color:var(--color-active-text);transform:translateX(0)}.sidebar__link--active:hover{background:linear-gradient(135deg,#059669,#065f46);animation:none;box-shadow:0 6px 20px rgba(16,185,129,.3)}.sidebar__link--active .sidebar__icon{color:var(--color-active-text);animation:none}.subitem_active{border-radius:8px;color:#fff;background:linear-gradient(135deg,#10b981,#047857);font-weight:600;margin-left:0;position:relative;box-shadow:0 3px 10px rgba(16,185,129,.2)}.subitem_active:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#fff;border-radius:0 8px 8px 0}.subitem_active:hover{background:linear-gradient(135deg,#059669,#065f46);transform:translateX(0);animation:none;box-shadow:0 4px 14px rgba(16,185,129,.25)}.subitem_active .sidebar__link:hover{background-color:transparent;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:.65rem;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:2rem;height:2rem}.btn{position:absolute;right:0;top:4.5rem;border:none;background:linear-gradient(135deg,#10b981,#047857);width:1.85rem;height:1.85rem;border-radius:50%;display:flex;justify-content:center;align-items:center;cursor:pointer;transform:translateX(50%);font-size:1.1rem;box-shadow:0 4px 12px rgba(16,185,129,.3);transition:all .3s cubic-bezier(.4,0,.2,1);color:#fff}.btn:hover{background:linear-gradient(135deg,#059669,#065f46);color:#fff;transform:translateX(50%) scale(1.15);box-shadow:0 6px 18px rgba(16,185,129,.4)}.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:.45rem .85rem .45rem 1.25rem;margin-bottom:.125rem;font-size:.825rem;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:.9rem;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 .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.15rem}[data-collapse=true] .sidebar__link{justify-content:center;padding:.65rem .45rem}[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}