.layout{background-color:var(--color-bg-page);height:100vh;display:flex}.main-content{background-color:var(--color-bg-page);flex:1;transition:margin-left .3s cubic-bezier(.2,.9,.4,1.1);overflow-y:auto}.main-content.sidebar-open{margin-left:260px}.main-content.sidebar-closed{margin-left:80px}.sidebar{background-color:var(--color-white);height:100vh;color:var(--color-text-body);z-index:1000;box-shadow:0 0 20px rgba(var(--color-shadow-rgb),.05),1px 0 0 0 var(--color-border);border-radius:0 20px 20px 0;flex-direction:column;transition:width .3s cubic-bezier(.2,.9,.4,1.1);display:flex;position:fixed;top:0;left:0;overflow-y:auto}.sidebar.open{width:260px}.sidebar.closed{width:80px}.sidebar-header{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;min-height:80px;padding:1.5rem 1.25rem;display:flex}.logo h2{background:linear-gradient(135deg,var(--color-brand)0%,var(--color-brand-medium)100%);color:#0000;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin:0;font-size:1.35rem;font-weight:700}.toggle-btn{background:var(--color-bg-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.toggle-btn:hover{background-color:var(--color-bg-hover);border-color:var(--color-brand-light);color:var(--color-brand);transform:scale(.96)}.sidebar-nav{flex:1;padding:1.5rem .75rem}.sidebar-nav ul{flex-direction:column;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.nav-item{cursor:pointer;width:100%;color:var(--color-text-secondary);background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:.7rem .875rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.nav-item:hover{background-color:var(--color-bg-hover);color:var(--color-brand)}.nav-item.active{background-color:var(--color-bg-tint);color:var(--color-brand);border-left:3px solid var(--color-brand);font-weight:600}.nav-icon{justify-content:center;align-items:center;min-width:24px;transition:transform .1s;display:flex}.nav-item:hover .nav-icon{transform:translate(2px)}.nav-label{white-space:nowrap;transition:opacity .2s;overflow:hidden}.sidebar.closed .nav-item{justify-content:center;padding:.7rem}.sidebar.closed .nav-label{display:none}.sidebar.closed .sidebar-header{justify-content:center;padding:1.5rem 0}.sidebar.closed .toggle-btn{margin:0 auto}.sidebar-footer{border-top:1px solid var(--color-border);margin-top:auto;padding:1.25rem .75rem}.logout-btn{cursor:pointer;width:100%;color:var(--color-text-secondary);background:0 0;border:none;border-radius:14px;align-items:center;gap:14px;padding:.7rem .875rem;font-size:.95rem;font-weight:500;transition:all .2s;display:flex}.logout-btn:hover{background-color:var(--color-error-bg);color:var(--color-error)}.logout-btn:hover .nav-icon{transform:translate(2px)}.sidebar.closed .logout-btn{justify-content:center;padding:.7rem}.sidebar.closed .logout-btn .nav-label{display:none}.sidebar::-webkit-scrollbar{width:4px}.sidebar::-webkit-scrollbar-track{background:var(--color-neutral-100);border-radius:4px}.sidebar::-webkit-scrollbar-thumb{background:var(--color-neutral-300);border-radius:4px}.sidebar-mobile-toggle{display:none}@media (max-width:768px){.main-content.sidebar-open,.main-content.sidebar-closed{margin-left:0}.sidebar.open{width:260px;transform:translate(0)}.sidebar.closed{width:0;transform:translate(-100%)}.sidebar-mobile-toggle{z-index:1001;background:var(--color-white);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;box-shadow:0 2px 8px rgba(var(--color-shadow-rgb),.1);border-radius:12px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex;position:fixed;top:1rem;left:1rem}.sidebar-mobile-toggle:hover{background-color:var(--color-bg-hover);border-color:var(--color-brand-light);color:var(--color-brand)}}