@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap");@keyframes slideInLeft{0%{transform:translateX(-100%);opacity:0}to{transform:translateX(0);opacity:1}}@keyframes slideOutLeft{0%{transform:translateX(0);opacity:1}to{transform:translateX(-100%);opacity:0}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}@media (max-width:768px){.sidebar__wrapper{display:none}}:root{--color-primary:#10b981;--color-primary-dark:#059669;--color-primary-light:#d1fae5;--color-bg:#fff;--color-bg-secondary:#f8fafc;--color-border:#e2e8f0;--color-text:#1f2937;--color-text-light:#6b7280;--color-text-muted:#9ca3af;--body-bg:#f8fafc;--transition-fast:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-smooth:all 0.3s cubic-bezier(0.4,0,0.2,1);--shadow-sm:0 1px 2px rgba(0,0,0,.05);--shadow-md:0 4px 6px rgba(16,185,129,.1);--shadow-lg:0 10px 15px rgba(16,185,129,.15)}*{padding:0;margin:0;box-sizing:border-box}body{overflow-x:hidden;font-family:Inter,sans-serif;color:var(--color-text);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout,body{background:var(--body-bg)}.layout{display:flex;height:100%;position:relative;min-height:100vh}.layout__main-content{flex-grow:1;overflow-y:auto}.sidebar__wrapper{position:relative;height:100vh}.sidebar{width:16rem;height:100vh;background:var(--color-bg);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);overflow-y:auto;overflow-x:hidden;box-shadow:var(--shadow-sm)}.sidebar__header{padding:1.25rem 1rem;border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-shrink:0;animation:slideInLeft .4s cubic-bezier(.4,0,.2,1)}.sidebar__logo{width:2.5rem;height:2.5rem;object-fit:contain;border-radius:8px;background:var(--color-primary);padding:.4rem;transition:var(--transition-smooth);flex-shrink:0}.sidebar__logo:hover{transform:scale(1.05)}.sidebar__logo-name{font-size:1.1rem;font-weight:700;color:var(--color-primary);letter-spacing:-.5px;flex-grow:1;animation:slideUp .4s cubic-bezier(.4,0,.2,1) .1s backwards}.sidebar__toggle-btn{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);font-size:1.25rem;border-radius:6px;transition:var(--transition-fast);flex-shrink:0}.sidebar__toggle-btn:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar__nav{flex:1;overflow-y:auto;padding-bottom:1rem}.sidebar__list{list-style:none;padding:.5rem 0}.sidebar__item{list-style:none;animation:slideUp .4s cubic-bezier(.4,0,.2,1) backwards}.sidebar__item:first-child{animation-delay:.1s}.sidebar__item:nth-child(2){animation-delay:.15s}.sidebar__item:nth-child(3){animation-delay:.2s}.sidebar__item:nth-child(4){animation-delay:.25s}.sidebar__item:nth-child(5){animation-delay:.3s}.sidebar__link{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;margin:0 .5rem .25rem;background:transparent;border:none;color:var(--color-text-light);font-size:.875rem;font-weight:500;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);position:relative;overflow:hidden;width:calc(100% - 1rem)}.sidebar__link:before{content:"";position:absolute;inset:0;background:var(--color-primary-light);transform:translateX(-100%);transition:var(--transition-fast);z-index:-1}.sidebar__link:hover{color:var(--color-primary)}.sidebar__link:hover:before{transform:translateX(0)}.sidebar__link--active{background-color:var(--color-primary);color:#fff;font-weight:600;box-shadow:0 4px 12px rgba(16,185,129,.2)}.sidebar__link--active:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:#fff;border-radius:0 3px 3px 0}.sidebar__link--active:hover{background-color:var(--color-primary-dark);box-shadow:0 6px 16px rgba(16,185,129,.3)}.sidebar__icon{display:flex;align-items:center;justify-content:center;font-size:1.25rem;min-width:1.25rem;transition:var(--transition-smooth)}.sidebar__link:hover .sidebar__icon{transform:translateY(-2px)}.sidebar__name{flex:1;font-weight:500;margin:0}.sidebar__toggle{display:flex;align-items:center;justify-content:center;font-size:1rem;color:currentColor;transition:var(--transition-fast)}.sidebar__link:hover .sidebar__toggle{transform:translateX(2px)}.sidebar__sublist{max-height:0;overflow:hidden;opacity:0;transition:all .3s cubic-bezier(.4,0,.2,1);list-style:none}.sidebar__sublist--expanded{max-height:500px;opacity:1}.sidebar__subitem{list-style:none;margin-left:1.25rem;margin-top:.25rem;animation:slideUp .3s cubic-bezier(.4,0,.2,1) backwards}.sidebar__subitem:first-child{animation-delay:0s}.sidebar__subitem:nth-child(2){animation-delay:.05s}.sidebar__subitem:nth-child(3){animation-delay:.1s}.sidebar__subitem:nth-child(4){animation-delay:.15s}.sidebar__subitem:nth-child(5){animation-delay:.2s}.sidebar__sublink{display:flex;align-items:center;gap:.65rem;padding:.6rem .85rem;margin:0 .5rem;background:transparent;border:none;color:var(--color-text-light);font-size:.8125rem;font-weight:500;border-radius:6px;cursor:pointer;transition:var(--transition-smooth);text-decoration:none}.sidebar__sublink:hover{padding-left:1.05rem}.sidebar__sublink--active,.sidebar__sublink:hover{background:var(--color-primary-light);color:var(--color-primary)}.sidebar__sublink--active{font-weight:600}.subitem-dot{width:.375rem;height:.375rem;border-radius:50%;background:currentColor;flex-shrink:0}[data-collapse=true]{width:5.5rem}[data-collapse=true] .sidebar__header{padding:1rem .5rem;justify-content:center}[data-collapse=true] .sidebar__logo-name{display:none}[data-collapse=true] .sidebar__toggle-btn{transform:rotate(180deg)}[data-collapse=true] .sidebar__link{width:auto;justify-content:center;padding:.75rem;margin-left:.5rem;margin-right:.5rem}[data-collapse=true] .sidebar__icon{margin:0}[data-collapse=true] .sidebar__name,[data-collapse=true] .sidebar__toggle{display:none}@media (max-width:768px){.sidebar{position:fixed;left:0;top:0;width:70vw;height:100vh;z-index:999;transform:translateX(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1)}.sidebar[data-mobile-open=true]{transform:translateX(0)}.layout{flex-direction:column}}[data-collapse=true] .sidebar__sublist{display:none}