.app-layout{display:flex;overflow-x:hidden;width:100%;color:#1a1a1a}.app-container,.app-layout{min-height:100vh;background:#f8fafc}.app-container{display:grid;grid-template-columns:280px 1fr}.main-wrapper{flex:1 1;margin-left:260px;display:flex;flex-direction:column;transition:margin-left .3s cubic-bezier(.4,0,.2,1);min-height:100vh}.sidebar.collapsed~.main-wrapper{margin-left:80px}.content-wrapper{flex:1 1;display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;padding:var(--padding-desktop);max-width:var(--content-max-width);margin:0 auto;width:100%}.content-wrapper.hide-right-sidebar{grid-template-columns:minmax(0,1fr)}.main-content{flex:1 1;min-width:0;box-sizing:border-box;width:100%}.right-sidebar{flex-shrink:0}.sidebar-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:rgba(0,0,0,.4);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:95;display:none}@media (max-width:1300px){.content-wrapper{grid-template-columns:minmax(0,1fr)}.right-sidebar{display:none}}@media (max-width:768px){.main-wrapper{margin-left:0!important;width:100%;max-width:100vw;overflow-x:hidden}.content-wrapper{display:flex;flex-direction:column;padding:var(--padding-mobile);gap:16px;width:100%;max-width:100%;box-sizing:border-box}.main-content{width:100%;max-width:100%;overflow-x:hidden}.main-content>*{max-width:100%;box-sizing:border-box}.sidebar-overlay{display:block}}.sidebar{position:fixed;left:0;top:0;height:100vh;width:260px;background:#ffffff;border-right:1px solid #eef2f6;display:flex;flex-direction:column;z-index:100;padding:24px 0}.sidebar.collapsed{width:60px}.sidebar-header{padding:24px 16px;border-bottom:none;justify-content:space-between;min-height:64px}.sidebar-header,.sidebar-logo{display:flex;align-items:center}.sidebar-logo{gap:14px;text-decoration:none}.logo-text{font-size:18px;font-weight:700;color:#1a1a1a;letter-spacing:-.01em;white-space:nowrap}.collapse-btn{width:32px;height:32px;border-radius:8px;background:#f1f5f9;border:none;color:#64748b;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0}.sidebar.collapsed .collapse-btn{margin:0 auto}.sidebar-nav{flex:1 1;overflow-y:auto;overflow-x:hidden;padding:24px 12px;display:flex;flex-direction:column}.nav-section{margin-bottom:8px}.nav-section-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:transparent;border:none;cursor:pointer;border-radius:12px;transition:all .2s ease}.nav-section-header:hover{background:#f8fafc}.header-title{display:flex;align-items:center;gap:12px;color:#475569;font-size:14px;font-weight:600}.chevron,.header-icon{color:#94a3b8}.chevron{transition:transform .3s cubic-bezier(.4,0,.2,1)}.chevron.rotated{transform:rotate(90deg)}.nav-section-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s cubic-bezier(.4,0,.2,1);padding-left:12px}.nav-section-content.expanded{grid-template-rows:1fr;margin-top:4px;margin-bottom:8px}.nav-section-content>div{overflow:hidden}.sidebar-item{display:flex;align-items:center;gap:12px;padding:10px 16px;margin-bottom:2px;border-radius:12px;color:#1e293b;text-decoration:none;font-size:14px;font-weight:500;transition:all .2s ease}.sidebar-item:hover{background:#f1f5f9;color:#0f172a}.sidebar-item.active{background:#6366f115;color:#6366f1}.item-icon{flex-shrink:0;color:#64748b;transition:color .2s ease}.sidebar-item:hover .item-icon{color:#475569}.sidebar-item.active .item-icon{color:#6366f1}.nav-section-title{font-size:11px;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.1em;padding:16px 16px 8px}.sidebar-footer{padding:16px 12px;border-top:1px solid #f1f5f9;margin-top:auto}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.sidebar{width:280px!important;transform:translateX(-100%);box-shadow:20px 0 40px rgba(0,0,0,.1)}.sidebar.mobile-open{transform:translateX(0)}}