.layout{min-height:100vh;display:flex}.sidebar{background:#1e293b;border-right:1px solid #334155;flex-direction:column;flex-shrink:0;width:200px;transition:width .2s;display:flex}.sidebar.collapsed{width:56px}.logo{cursor:pointer;border-bottom:1px solid #334155;align-items:center;gap:8px;padding:16px;font-size:16px;font-weight:700;display:flex}.logo-icon{font-size:20px}nav{flex-direction:column;gap:4px;padding:8px;display:flex}.nav-item{color:#94a3b8;border-radius:6px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;text-decoration:none;transition:all .15s;display:flex}.nav-item:hover{color:#e2e8f0;background:#334155}.nav-item.active{color:#fff;background:#3b82f6}.nav-icon{flex-shrink:0;font-size:16px}.content{flex:1;padding:24px;overflow-y:auto}